@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400..800&display=swap');
/*Google Fonts*/
@font-face {
    font-family: 'DroidKufiRegular';
    src: url('../fonts/DroidKufiRegular.eot');
    src: url('../fonts/DroidKufiRegular.eot') format('embedded-opentype'),
         url('../fonts/DroidKufiRegular.woff2') format('woff2'),
         url('../fonts/DroidKufiRegular.woff') format('woff'),
         url('../fonts/DroidKufiRegular.ttf') format('truetype'),
         url('../fonts/DroidKufiRegular.svg#DroidKufiRegular') format('svg');
}
@font-face {
    font-family: 'DroidKufiBold';
    src: url('../fonts/DroidKufiBold.eot');
    src: url('../fonts/DroidKufiBold.eot') format('embedded-opentype'),
         url('../fonts/DroidKufiBold.woff2') format('woff2'),
         url('../fonts/DroidKufiBold.woff') format('woff'),
         url('../fonts/DroidKufiBold.ttf') format('truetype'),
         url('../fonts/DroidKufiBold.svg#DroidKufiBold') format('svg');
}
@font-face {
    font-family: 'Bahij_TheSansArabicPlain';
    src: url('../fonts/Bahij_TheSansArabicPlain.eot');
    src: url('../fonts/Bahij_TheSansArabicPlain.eot') format('embedded-opentype'),
         url('../fonts/Bahij_TheSansArabicPlain.woff2') format('woff2'),
         url('../fonts/Bahij_TheSansArabicPlain.woff') format('woff'),
         url('../fonts/Bahij_TheSansArabicPlain.ttf') format('truetype'),
         url('../fonts/Bahij_TheSansArabicPlain.svg#Bahij_TheSansArabicPlain') format('svg');
}


  html, body {
    height: 100%; /* Full height */
    min-height: 100%; /* Minimum height */
    position: relative; /* Relative positioning */
    font-family: "Baloo Bhaijaan 2", sans-serif; /* Font family */
  }

  header {
    border-bottom: 0px solid #ccc; /* Header border */
  }

  header .dropdown .dropdown-toggle {
    border: none; /* No border */
    padding-left: 0px; /* No left padding */
    background-image: none; /* No background image */
  }

  header .dropdown .dropdown-toggle::before {
    display: none; /* Hide dropdown icon */
  }

  .form-control {
    font-size: 14px; /* Font size */
  }

  .navbar-brand {
    margin-left: 0px !important; /* Force left margin */
    line-height: 57px; /* Line height */
    padding: 0 !important; /* No padding */
    font-size: 29px; /* Font size */
    color: #021876; /* Text color */
    font-weight: bold; /* Bold text */
  }

  .navbar-header {
    float: right; /* Float right */
  }

  .nav.navbar-nav.navbar-right {
    float: left !important; /* Float left */
    margin-right: 0px; /* No right margin */
  }

  .navbar-nav .open .dropdown-menu {
    position: absolute; /* Absolute positioning */
    float: none; /* No float */
    width: auto; /* Auto width */
    margin-top: 0; /* No top margin */
    background-color: transparent; /* Transparent background */
    border: 0; /* No border */
    box-shadow: none; /* No shadow */
    left: 0; /* Align left */
    background: #fff; /* White background */
    border: 1px solid #ccc; /* Border styling */
    padding: 15px 10px; /* Padding */
  }

  .navbar-nav .open .dropdown-menu ul {
    text-align: left; /* Left align */
  }

  .navbar-nav .open .dropdown-menu ul li.LoginBTN {
    margin-bottom: 10px; /* Bottom margin */
  }

  .navbar-nav .open .dropdown-menu ul li.LoginBTN a {
    background: #021876; /* Background color */
    border-radius: 6px; /* Rounded corners */
    display: inline-block; /* Inline block */
    color: #fff; /* Text color */
  }

  header .navbar {
    border: none; /* No border */
    border-radius: 0px; /* No border radius */
    min-height: 50px; /* Minimum height */
    margin-bottom: 0px; /* No bottom margin */
  }

  .nav > li > a:focus,
  .nav > li > a:hover {
    text-decoration: none; /* No underline */
    background-color: transparent; /* Transparent background */
  }

  header .navbar-nav {
    padding: 10px 0; /* Padding */
  }

  .navbar-nav > li.LoginBTN {
    margin-left: 0px; /* No left margin */
  }

  .navbar-right .dropdown-menu {
    right: inherit; /* Inherit right */
    left: 0; /* Align left */
    padding: 0 10px; /* Padding */
  }

  .navbar-right .dropdown-menu a {
    display: block; /* Block display */
    padding: 5px 0; /* Padding */
    color: #6B6767; /* Text color */
    text-decoration: none; /* No underline */
  }

  .navbar-nav > li.LoginBTN a {
    background: #021876; /* Background color */
    border-radius: 4px; /* Rounded corners */
    text-decoration: none; /* No underline */
    color: #fff; /* Text color */
    width: auto; /* Auto width */
    padding: 7px 20px; /* Padding */
    text-align: center; /* Center align */
    font-size: 16px; /* Font size */
  }

  .main-content {
    padding-top: 10px; /* Top padding */
    min-height: 523px; /* Minimum height */
    background-color: #F6F6F6; /* Background color */
  }

  .Breadcurm {
    padding-top: 0px; /* No top padding */
    padding-bottom: 30px; /* Bottom padding */
  }

  .Breadcurm p {
    font-size: 14px; /* Font size */
    margin-bottom: 5px; /* Bottom margin */
  }

  .Breadcurm h2.INVNM {
    font-size: 34px; /* Font size */
    color: #021876; /* Text color */
    margin: 0px; /* No margin */
    text-align: right; /* Right align */
  }

  .Breadcurm .NM {
    font-size: 16px; /* Font size */
    font-weight: bold; /* Bold text */
    margin: 0px; /* No margin */
  }

  .Breadcurm ul {
    list-style-type: none; /* No list styling */
    padding-left: 0px; /* No left padding */
    text-align: right; /* Right align */
  }

  .Breadcurm ul li a {
    text-decoration: none; /* No underline */
    color: #6B6767; /* Text color */
    font-size: 16px; /* Font size */
  }

  .Breadcurm ul li a .fa {
    padding-left: 10px; /* Left padding */
    position: relative; /* Relative positioning */
    top: 4px; /* Top positioning */
    color: #6B6767; /* Text color */
    font-size: 30px; /* Font size */
    line-height: 19px; /* Line height */
  }

  

  .MainOptiON ul {
    list-style-type: none; /* No list styling */
    padding: 0px; /* No padding */
    margin-left: -10px; /* Negative left margin */
    margin-right: -10px; /* Negative right margin */
    display: flex; /* Flexbox layout */
    flex-wrap: wrap; /* Wrap items */
  }

  .MainOptiON ul li {
    padding-left: 10px; /* Left padding */
    padding-right: 10px; /* Right padding */
    width: 16.6%; /* Width */
    height: 160px; /* Height */
    margin-bottom: 20px; /* Bottom margin */
  }

  .MainOptiON ul li a {
    display: block; /* Block display */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    text-align: center; /* Center align */
    border-radius: 10px; /* Rounded corners */
    padding-top: 30px; /* Top padding */
    text-decoration: none; /* No underline */
    color: #fff; /* Text color */
    font-size: 18px; /* Font size */
    transition: all 0.5s; /* Transition effect */
  }

  .MainOptiON ul li a:hover img {
    transform: scale(1.2, 1.2); /* Scale effect */
  }

  .MainOptiON ul li a img {
    display: block; /* Block display */
    height: 50px; /* Height */
    transition: all 0.5s; /* Transition effect */
    margin: 0 auto 20px; /* Center alignment */
  }

  .MainOptiON ul li.CreINV a {
    background-image: linear-gradient(#021876, #333); /* Gradient background */
  }

  .MainOptiON ul li.PRodSEC a {
    background-image: linear-gradient(#2CD5E9, #2CDAEA); /* Gradient background */
  }

  .MainOptiON ul li.PROdCaT a {
    background-image: linear-gradient(#96F14C, #39C23E); /* Gradient background */
  }

  .MainOptiON ul li.PRoDCUST a {
    background-image: linear-gradient(#CAA3FE, #7FA1F9); /* Gradient background */
  }

  .MainOptiON ul li.ProDRePoRT a {
    background-image: linear-gradient(#F673A3, #AE6A9D); /* Gradient background */
  }

  .MainOptiON ul li.ProDSeTT a {
    background-image: linear-gradient(#97999A, #525863); /* Gradient background */
  }

  .MainOptiON ul li.CreINV a:hover {
    background-image: linear-gradient(#FF9E59, #FF7251); /* Hover gradient */
  }

  .MainOptiON ul li.PRodSEC a:hover {
    background-image: linear-gradient(#2CDAEA, #2CD5E9); /* Hover gradient */
  }

  .MainOptiON ul li.PROdCaT a:hover {
    background-image: linear-gradient(#39C23E, #96F14C); /* Hover gradient */
  }

  .MainOptiON ul li.PRoDCUST a:hover {
    background-image: linear-gradient(#7FA1F9, #CAA3FE); /* Hover gradient */
  }

  .MainOptiON ul li.ProDRePoRT a:hover {
    background-image: linear-gradient(#AE6A9D, #F673A3); /* Hover gradient */
  }

  .MainOptiON ul li.ProDSeTT a:hover {
    background-image: linear-gradient(#525863, #97999A); /* Hover gradient */
  }





  .ADMINCHART {
    padding-top: 30px; /* Top padding for the chart section */
  }

  .ADMINCHART-INNR {
    display: flex; /* Flexbox for layout */
    flex-wrap: wrap; /* Allow wrapping */
    margin-left: -10px; /* Negative margin for alignment */
    margin-right: -10px; /* Negative margin for alignment */
  }

  .ADMINCHARTInR50 {
    width: 50%; /* Width for half layout */
    padding-left: 10px; /* Left padding */
    padding-right: 10px; /* Right padding */
  }

  .ADMINCHARTInR50 h4 {
    font-size: 16px; /* Font size for headings */
    color: #888888; /* Text color */
    margin-bottom: 20px; /* Bottom margin */
  }

  .ADMINCHARTInR50 .ADMInVATIM {
    padding: 30px; /* Padding for the inner box */
    background-color: #fff; /* White background */
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4); /* Shadow for depth */
  }

  .ADMINCHARTInR50 .ADMInVATIM .CHARTMAN {
    display: flex; /* Flexbox for chart management section */
    justify-content: space-between; /* Space between items */
  }

  .CHARTMANLFT h2 {
    font-size: 22px; /* Font size for main title */
    font-weight: bold; /* Bold text */
    line-height: normal; /* Normal line height */
    margin-bottom: 0; /* No bottom margin */
  }

  .CHARTMANLFT p {
    font-size: 10px; /* Font size for subtitle */
    color: #3CC480; /* Color for subtitle */
  }

  .CHARTMANLFT p .fa {
    font-size: 8px; /* Font size for icons */
    position: relative; /* Relative positioning for icons */
    top: -1px; /* Slight vertical adjustment */
  }

  .main-content-store {
    background-color: #F6F6F6; /* Light gray background for main content */
    height: 100%; /* Full height for the container */
  }


 
  .MainStore ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove padding */
    margin-left: -10px; /* Negative margin for alignment */
    margin-right: -10px; /* Negative margin for alignment */
    display: flex; /* Flexbox layout */
    flex-wrap: wrap; /* Allow wrapping */
  }

  .MainStore ul li {
    padding-left: 10px; /* Left padding */
    padding-right: 10px; /* Right padding */
    width: 16.6%; /* Width for each item */
    height: 180px; /* Fixed height */
    margin-bottom: 20px; /* Bottom margin */
  }

  .MainStore ul li a {
    display: block; /* Block display */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    text-align: center; /* Center text */
    border-radius: 10px; /* Rounded corners */
    padding-top: 30px; /* Top padding */
    text-decoration: none; /* No underline */
    color: #515C6F; /* Text color */
    font-size: 18px; /* Font size */
    background-color: #fff; /* White background */
    box-shadow: 0px 8px 15px rgba(231, 234, 240); /* Box shadow */
    transition: background-color 0.3s; /* Smooth transition */
  }

  .MainStore ul li a:hover {
    background-color: rgba(75, 105, 255, 0.30); /* Background on hover */
  }

  .MainStore ul li a:hover img {
    transition: transform 0.5s; /* Smooth scaling */
    transform: scale(1.2); /* Scale on hover */
  }

  .MainStore ul li a img {
    display: block; /* Block display for images */
    height: 50px; /* Fixed height */
    margin: 0 auto 20px; /* Center image with bottom margin */
  }

  .MainStore ul li a span {
    display: block; /* Block display for spans */
  }

 

  .MainStore_PRiCE ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove padding */
    margin-left: -10px; /* Negative margin */
    margin-right: -10px; /* Negative margin */
    display: flex; /* Flexbox layout */
    flex-wrap: wrap; /* Allow wrapping */
  }

  .MainStore_PRiCE ul li {
    padding-left: 10px; /* Left padding */
    padding-right: 10px; /* Right padding */
    margin-bottom: 20px; /* Bottom margin */
    width: 33.33%; /* Width for price items */
  }

  .BaSiCWRaP,
  .StandardWRaP,
  .PremiumWRaP {
    border-radius: 10px; /* Rounded corners */
    padding: 30px 25px 15px 25px; /* Padding */
    color: #DFDFDF; /* Text color */
  }

  .BaSiCWRaP {
    background-image: linear-gradient(to right, #F91993, #99379A); /* Background gradient */
  }

  .StandardWRaP {
    background-image: linear-gradient(to right, #00BBE9, #0150C3); /* Background gradient */
  }

  .PremiumWRaP {
    background-image: linear-gradient(to right, #FEC112, #FF6D01); /* Background gradient */
  }

  .PriCE_top {
    display: flex; /* Flex layout */
    margin-bottom: 10px; /* Bottom margin */
    position: relative; /* Relative positioning */
    justify-content: space-between; /* Space between items */
  }

  .PriCE_top h5 {
    margin: 0; /* No margin */
    font-size: 30px; /* Font size */
    line-height: 39px; /* Line height */
    display: block; /* Block display */
    text-align: right; /* Right align */
    width: 100%; /* Full width */
  }

  .PriCE_top a {
    display: none; /* Hidden by default */
  }

  .BaSiCWRaP .PriCE_top a,
  .StandardWRaP .PriCE_top a,
  .PremiumWRaP .PriCE_top a {
    width: 40px; /* Fixed width */
    height: 40px; /* Fixed height */
    border-radius: 50%; /* Circular button */
    color: #fff; /* Text color */
    font-size: 30px; /* Font size */
    text-align: center; /* Center text */
    position: absolute; /* Absolute positioning */
    top: 10px; /* Align to the top */
  }

  .BaSiCWRaP .PriCE_top a {
    background: #AA61B0; /* Background color */
  }

  .StandardWRaP .PriCE_top a {
    background: #3378D0; /* Background color */
  }


  .PriCE_top a#BaSActIVE1 {
    box-shadow: 0px 8px 15px rgba(144, 57, 157, 1); /* Box shadow for active state */
  }

  .PriCE_top a#BaSActIVE2 {
    box-shadow: 0px 8px 15px rgba(51, 94, 179, 1); /* Box shadow for active state */
  }

  .PriCE_top a#BaSActIVE3 {
    box-shadow: 0px 8px 15px rgba(255, 107, 1, 1); /* Box shadow for active state */
  }

  .PremiumWRaP .PriCE_top a {
    width: 40px; /* Fixed width */
    height: 40px; /* Fixed height */
    border-radius: 50%; /* Circular shape */
    color: #fff; /* Text color */
    font-size: 30px; /* Font size */
    text-align: center; /* Center text */
    background: #FE8A33; /* Background color */
  }

  .PrICeMaiN .btn-comm {
    border-radius: 50px; /* Rounded corners */
    font-size: 24px; /* Font size */
    color: #DFDFDF; /* Text color */
    width: 100%; /* Full width */
    border: none; /* No border */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .16); /* Shadow for depth */
  }

  .PriCE_top a#BaSActIVE3 {
    background: #FE8A33; /* Background for active state */
  }

  .PrICeMaiN p {
    font-size: 21px; /* Paragraph font size */
    line-height: 28px; /* Line height */
  }

  .BaSiCWRaP .PrICeMaiN .btn-comm {
    background-image: linear-gradient(to right, #F349A9, #A861AF); /* Background gradient */
  }

  .StandardWRaP .PrICeMaiN .btn-comm {
    background-image: linear-gradient(to right, #34CAEF, #357BD1); /* Background gradient */
  }

  .PremiumWRaP .PrICeMaiN .btn-comm,
  .MainStore_PRiCE ul li:last-child .BaSiCWRaP .PrICeMaiN .btn-comm,
  .MainStore_PRiCE ul li:last-child .BaSiCWRaP {
    background-image: linear-gradient(to right, #FFC942, #FE8A35); /* Background gradient */
  }

  .PrICeMaiN .btn-comm:hover {
    box-shadow: 2px 2px 2px rgba(255, 255, 255, .5); /* Hover shadow effect */
  }

  .PrICeMaiN .PrICeMNT {
    font-size: 64px; /* Font size for main price */
    line-height: 84px; /* Line height */
    text-align: right; /* Right align */
    display: inline-block; /* Inline block for layout */
    width: 100%; /* Full width */
  }

  .PrICeMaiN .PrICeMNT span {
    font-size: 21px; /* Font size for subtext */
    line-height: 28px; /* Line height */
    font-weight: 300; /* Light font weight */
    display: inline-block; /* Inline block for layout */
  }

 

  .StoREFoRM form {
    width: 500px; /* Fixed width for forms */
  }

  .StoREFoRM form .form-InnR {
    margin-top: 15px; /* Top margin */
    background: #F7F7F7; /* Background color */
    border-radius: 6px; /* Rounded corners */
    padding: 10px 20px; /* Padding */
  }

  .StoREFoRM.INVOICEDeTIlaS form {
    padding: 0; /* No padding */
    background: none; /* No background */
  }

  .StoREFoRM .form-control {
    height: 45px; /* Input height */
    box-shadow: none; /* No shadow */
    border: 1px solid #333; /* Border styling */
  }

  .StoREFoRM .btn-primary,
  .StoREFoRM .btn-primary:focus {
    background-color: #021876; /* Background color */
    border: 1px solid #021876; /* Border */
    color: #fff; /* Text color */
    text-transform: uppercase; /* Uppercase text */
    width: 100%; /* Full width */
    height: 45px; /* Button height */
    padding: 12px; /* Button padding */
  }

  .StoREFoRM.INVOICEDeTIlaS .form-control {
    height: 52px; /* Increased height for invoice forms */
    font-size: 14px; /* Font size */
    color: #000; /* Text color */
    text-align: right; /* Right align text */
  }

  .StoREFoRM.INVOICEDeTIlaS .btn-primary,
  .StoREFoRM.INVOICEDeTIlaS .btn-primary:focus {
    height: 52px; /* Button height */
    font-size: 16px; /* Font size */
    font-weight: 600; /* Bold font weight */
    padding: 14px 12px; /* Padding */
  }

  .btn-primary:hover {
    border: 1px solid #021876; /* Border on hover */
    background-color: transparent; /* Transparent background */
    color: #021876; /* Text color */
  }

  .StoREFoRM.INVOICEDeTIlaS .btn-primary .fa {
    float: left; /* Float icon to the left */
    font-size: 30px; /* Icon size */
    line-height: 18px; /* Line height */
    position: relative; /* Relative positioning */
    top: 3px; /* Vertical adjustment */
  }

  .PayMenT-DeatILS {
    width: 500px; /* Fixed width for payment details */
  }

  .PayMenT-DeatILS table {
    color: #6F6F6F; /* Text color */
    font-size: 12px; /* Font size */
    border: 1px solid #707070; /* Table border */
    border-radius: 7px; /* Rounded corners */
    text-align: right; /* Right align */
  }

  .PayMenT-DeatILS table tr td {
    padding: 5px 10px; /* Cell padding */
  }

  .PayMenT-DeatILS table tr td.PMTAB {
    font-size: 14px; /* Font size for specific cells */
  }

  .BorDERRHT {
    border-left: 1px solid #707070; /* Right border */
  }

  .BorDERBTM {
    border-bottom: 1px solid #707070; /* Bottom border */
  }

  .PayMenT-DeatILS table tr td.padd10 {
    padding-top: 20px; /* Extra top padding */
  }

  .form-InnR .TWOCOLUMN {
    display: flex; /* Flexbox layout */
  }

  .form-InnR .TWOCOLUMN .TWOCOLUMNin70 {
    width: 70%; /* Width for main column */
    margin-right: auto; /* Auto margin for alignment */
  }

  .form-InnR .TWOCOLUMN .TWOCOLUMNin30 {
    width: 90px; /* Fixed width for side column */
  }



  .form-InnR .TWOCOLUMNin70IN .CADVAILD {
    display: flex; /* Flexbox for alignment */
    align-items: center; /* Center items vertically */
  }


  .form-InnR .TWOCOLUMNin70IN .CADVAILD .COLTH1 {
    width: 58px; /* Width for first column header */
  }

  .form-InnR .TWOCOLUMNin70IN .CADVAILD .COLTH2 {
    width: 32px; /* Width for second column header */
    text-align: center; /* Center alignment */
    font-size: 20px; /* Font size */
  }

  .form-InnR h3 {
    margin: 0 0 15px 0; /* Bottom margin */
    font-size: 14px; /* Font size */
    line-height: 16px; /* Line height */
    color: #6F6F6F; /* Text color */
  }

  .form-InnR label {
    margin: 0 0 10px 0; /* Bottom margin */
    font-size: 14px; /* Font size */
    line-height: 16px; /* Line height */
    color: #6F6F6F; /* Text color */
    font-weight: normal; /* Normal font weight */
  }

  .form-InnR .form-control {
    border: none; /* No border */
    font-size: 14px; /* Font size */
    line-height: 16px; /* Line height */
    background: #fff; /* White background */
    height: 40px; /* Fixed height */
  }

  .COLTH2.COL {
    color: #6F6F6F; /* Text color for specific column */
  }

  .image.sectionup {
    position: relative; /* Relative positioning */
    display: inline-block; /* Inline block for layout */
    width: 100%; /* Full width */
    border: 1px solid #333; /* Border styling */
    height: 52px; /* Fixed height */
    font-size: 13px; /* Font size */
    color: #656363; /* Text color */
    padding: 17px 10px; /* Padding */
    text-align: right; /* Right align text */
    border-radius: 4px; /* Rounded corners */
  }

  .image.sectionup span {
    display: flex; /* Flexbox for layout */
  }

  .image.sectionup .fa {
    color: #ff0000; /* Icon color */
    cursor: pointer; /* Pointer cursor */
  }

  .image.sectionup input[type="file"] {
   
    position: absolute; /* Absolute positioning */
    top: 0; 
    left: 0; 
    opacity: 0; /* Hidden input */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
  }

  .form-control::placeholder {
    color: #656363; /* Placeholder color */
  }

  .StoREFoRM.INVOICEDeTIlaS.WelcomeTIN form {
    margin: 0 auto; /* Center form */
  }

  .StoREFoRM.INVOICEDeTIlaS.WelcomeTIN h1 {
    color: #021876; /* Heading color */
    font-size: 24px; /* Font size */
    text-align: center; /* Center align */
    line-height: 40px; /* Line height */
    margin-bottom: 30px; /* Bottom margin */
  }

  .PayMNtSuCCFULL {
    text-align: center; /* Center align */
    margin-bottom: 28px; /* Bottom margin */
  }

  .PayMNtSuCCFULL h2 {
    margin: 0; /* No margin */
    padding-bottom: 15px; /* Bottom padding */
    font-weight: 300; /* Light font weight */
    font-size: 19px; /* Font size */
    line-height: 22px; /* Line height */
    color: #6B6767; /* Text color */
  }

  .PayMNtSuCCFULL h2 .fa {
    color: #11B42C; /* Icon color */
    padding-left: 10px; /* Left padding */
  }

  .PayMNtSuCCFULL p {
    font-size: 13px; /* Font size */
    line-height: 17px; /* Line height */
    color: #6F6F6F; /* Text color */
    font-weight: 300; /* Light font weight */
  }

  .StoREFoRM.INVOICEDeTIlaS.WelcomeTIN.PayMNtSuCCFULL_ConT form {
    width: 339px; /* Fixed width */
    padding-top: 30px; /* Top padding */
  }

  .PriCE_top {
    text-align: right; /* Right align */
  }

  .PayMEBTFGrOP {
    margin-top: 15px; /* Top margin */
  }

  .Breadcurm.InVOICE ul {
    display: flex; /* Flexbox layout */
    margin-bottom: 0px; /* No bottom margin */
  }

  .Breadcurm.InVOICE ul .InBUTTON {
    margin-right: auto; /* Auto margin for alignment */
    font-size: 14px; /* Font size */
  }

  .Breadcurm.InVOICE ul .InBUTTON a {
    display: inline-block; /* Inline block for layout */
    background: #f8f8f8; /* Background color */
    border-radius: 2px; /* Rounded corners */
    padding: 4px 10px; /* Padding */
    border: 1px solid #ccc; /* Border */
  }

  .Breadcurm.InVOICE ul .InAROW a {
    color: #021876; /* Link color */
  }

  .main_wrapper.main-content-invoice {
    background: #fff; /* White background */
  }

 

  .InvoiceSearch ul {
    list-style-type: none; /* Remove list styling */
    padding-left: 0px; /* No padding */
    display: flex; /* Flexbox layout */
    align-items: center; /* Center align */
  }

  .InvoiceSearch ul .SearchBox {
    margin-right: auto; /* Auto margin for alignment */
    position: relative; /* Relative positioning */
  }

  .InvoiceSearch ul .SearchBoxDORPD {
    margin-right: auto; /* Auto margin for alignment */
    position: relative; /* Relative positioning */
  }

  .InvoiceSearch ul .SearchBoxDORPD .dropdown .dropdown-menu {
    left: 0; /* Align dropdown */
    right: inherit; /* Ignore right alignment */
  }

  .SearchBoxDORPD .dropdown .dropdown-toggle {
    min-width: 150px; /* Minimum width */
    text-align: right; /* Right align */
  }

  .InvoiceSearch ul .SearchBox:before {
    content: '\f002'; /* FontAwesome search icon */
    font-family: 'fontawesome'; /* FontAwesome font */
    position: absolute; /* Absolute positioning */
    left: 10px; /* Left positioning */
    top: 7px; /* Top positioning */
  }

  .InVOICE ul .SearchBox {
    margin-right: auto; /* Auto margin for alignment */
    position: relative; /* Relative positioning */
  }

  .InVOICE ul .SearchBox:before {
    content: '\f002'; /* FontAwesome search icon */
    font-family: 'fontawesome'; /* FontAwesome font */
    position: absolute; /* Absolute positioning */
    left: 10px; /* Left positioning */
    top: 7px; /* Top positioning */
  }

  .InVOICE ul .SearchBox .form-control {
    text-align: right; /* Right align text */
    box-shadow: none; /* No shadow */
    border: 1px solid #707070; /* Border styling */
  }

  .InvoiceSearch ul .INADDBTN a,
  .InVOICE ul .INADDBTN a,
  .ThrECOUMNAdInV ul .INADDBTN a {
    background: #021876; /* Background color */
    color: #fff; /* Text color */
    padding: 6px 20px; /* Padding */
    border-radius: 4px; /* Rounded corners */
    text-decoration: none; /* No underline */
  }

  .InvoiceSearch ul .INADDBTN a:hover,
  .InVOICE ul .INADDBTN a:hover,
  .ThrECOUMNAdInV ul .INADDBTN a:hover,
  .ADBTN .btn-add:hover {
    border: 1px solid #021876; /* Border on hover */
    color: #021876; /* Text color on hover */
    background: none; /* No background on hover */
  }

  .InVOICE ul .INADDBTN a .fa,
  .InvoiceSearch ul .INADDBTN a .fa {
    padding-left: 15px; /* Left padding for icon */
  }

  .InvoiceSearch ul .SearchBox .form-control {
    text-align: right; /* Right align text */
    box-shadow: none; /* No shadow */
    padding-left: 30px; /* Left padding */
    border: 1px solid #707070; /* Border styling */
  }

  .INVOICETABLE table,
  .INVOICETABLE table tr td,
  .INVOICETABLE table tr th {
    text-align: right; /* Right align text */
    vertical-align: middle; /* Center vertically */
  }

  .INVOICETABLE table thead tr th {
    background-color: #021876; /* Header background color */
    color: #fff; /* Header text color */
  }

  .INVOICETABLE table tr td ul {
    display: inline-block; /* Inline block for nested lists */
    list-style-type: none; /* Remove default list styling */
    padding: 0px; /* No padding */
    margin: 0px; /* No margin */
    font-size: 0px; /* Font size */
  }


  .INVOICETABLE table tr td ul li {
    padding: 0 10px; /* Padding for list items */
    width: auto; /* Automatic width */
    display: inline-block; /* Inline block for layout */
  }

  .INVOICETABLE table tr td ul li a {
    display: block; /* Block display for links */
  }

  .PagiSection {
    display: flex; /* Flexbox layout */
    align-items: center; /* Center align items */
    padding: 10px 0 20px 0; /* Padding */
  }

  .PagiSection .Pagi-left {
    margin-right: auto; /* Auto margin for alignment */
    /* width: 70%; */ /* Optional width */
  }

  .PagiSection .Pagi-left ul {
    margin: 0; /* No margin for list */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-toggle {
    min-width: 160px; /* Minimum width for dropdown */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-toggle,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-toggle,
  .dropdown .dropdown-toggle {
    background-color: transparent; /* Transparent background */
    color: #333; /* Text color */
    border: 1px solid #ccc; /* Border styling */
    width: auto; /* Automatic width */
    position: relative; /* Relative positioning */
    text-align: right; /* Right align text */
    background: url(/assets/images/small-down.svg); /* Background image */
    background-repeat: no-repeat; /* No repeat */
    background-position: left 10px center; /* Background position */
  }

  .dropdown .dropdown-toggle {
    padding-left: 30px; /* Left padding */
  }

  .dropdown .dropdown-toggle:before,
  .PagiSection .Pagi-right .dropdown .dropdown-toggle:before {
    content: '\f107'; /* FontAwesome icon */
    font-family: 'fontawesome'; /* FontAwesome font */
    left: 8px; /* Left positioning */
    top: 2px; /* Top positioning */
    position: absolute; /* Absolute positioning */
    font-size: 20px; /* Font size */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-toggle .fa,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-toggle .fa,
  .dropdown .dropdown-toggle .fa {
    font-size: 22px; /* Font size for icons */
    line-height: 25px; /* Line height */
    position: relative; /* Relative positioning */
    top: 5px; /* Top positioning */
    padding-right: 10px; /* Right padding */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-menu,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-menu,
  .dropdown .dropdown-menu {
    left: inherit; /* Inherit left positioning */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-menu ul,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul,
  .dropdown .dropdown-menu ul {
    list-style-type: none; /* No list styling */
    padding: 4px 0px; /* Padding */
    margin: 0px; /* No margin */
    text-align: right; /* Right align text */
    display: block; /* Block display */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-menu ul li,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul li,
  .dropdown .dropdown-menu ul li {
    display: block; /* Block display */
    width: 100%; /* Full width */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-menu ul li a,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul li a,
  .dropdown .dropdown-menu ul li a,
  .dropdown .dropdown-menu ul li label {
    text-decoration: none; /* No underline */
    padding: 5px 6px; /* Padding */
    display: block; /* Block display */
    color: #333; /* Text color */
    font-weight: normal; /* Normal font weight */
  }

  .dropdown.PRODUCT.active .dropdown-menu,
  .dropdown.PRODUCT.active.open .dropdown-menu,
  .dropdown.PRODUCT.open .dropdown-menu {
    display: block; /* Block display */
    width: 100%; /* Full width */
  }

  .dropdown.PRODUCT.open .dropdown-menu {
    display: none; /* No display when open */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-menu ul li:hover a,
  .ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul li:hover a,
  .dropdown .dropdown-menu ul li:hover a {
    background-color: #f8f8f8; /* Background color on hover */
  }

  .pagination > a {
    font-size: 16px; /* Font size for pagination links */
  }

  .pagination > .active > a, 
  .pagination > .active > a:focus, 
  .pagination > .active > a:hover, 
  .pagination > .active > span, 
  .pagination > .active > span:focus, 
  .pagination > .active > span:hover {
    z-index: 3; /* Z-index for stacking */
    color: #fff; /* Text color */
    cursor: default; /* Default cursor */
    background-color: #021876; /* Background color */
    border-color: #021876; /* Border color */
  }

  .pagination > li > a:focus, 
  .pagination > li > a:hover, 
  .pagination > li > span:focus, 
  .pagination > li > span:hover {
    z-index: 2; /* Z-index for stacking */
    color: #021876; /* Text color */
    background-color: #eee; /* Background color */
    border-color: #ddd; /* Border color */
  }

  .ThrECOUMNAdInV ul {
    display: flex; /* Flexbox layout */
    list-style-type: none; /* No list styling */
    padding: 0px; /* No padding */
    align-items: center; /* Center align */
  }

  .ThrECOUMNAdInV ul li {
    width: 33.33%; /* Equal width for list items */
  }

  .ThrECOUMNAdInV ul li:last-child {
    text-align: right; /* Right align last item */
  }

  .ThrECOUMNAdInV ul li.INADDBTN {
    text-align: center; /* Center align for add button */
  }

  .ThrECOUMNAdInV ul li.SearchBox {
    position: relative; /* Relative positioning */
  }

  .ThrECOUMNAdInV ul li.SearchBox .fa-calendar {
    position: absolute; /* Absolute positioning */
    top: 7px; /* Top positioning */
    left: 10px; /* Left positioning */
  }

  .ThrECOUMNAdInV ul li.SearchBox input {
    width: 150px; /* Fixed width */
    height: 30px; /* Fixed height */
    outline: none; /* No outline */
    border-radius: 3px; /* Rounded corners */
    text-transform: uppercase; /* Uppercase text */
    border: 1px solid #707070; /* Border styling */
    padding-left: 30px; /* Left padding */
  }

  .InVOICE ul li.SearchBoxADINV {
    margin-right: auto; /* Auto margin for alignment */
  }

  .InVOICE ul li.SearchBoxADINV {
    position: relative; /* Relative positioning */
  }

  .InVOICE ul li.SearchBoxADINV .fa-calendar {
    position: absolute; /* Absolute positioning */
    top: 7px; /* Top positioning */
    left: 10px; /* Left positioning */
  }

  .InVOICE ul li.SearchBoxADINV input {
    width: 150px; /* Fixed width */
    height: 30px; /* Fixed height */
    outline: none; /* No outline */
    border-radius: 3px; /* Rounded corners */
    text-transform: uppercase; /* Uppercase text */
    border: 1px solid #707070; /* Border styling */
    padding-left: 30px; /* Left padding */
  }

  .ADDINVOICETABLE {
    width: 100%; /* Ensure the table takes full width */
    border-collapse: collapse; /* Remove spacing between table cells */
  }

  .ADDINVINEER {
    background: #f8f8f8;
    border: 1px solid #707070;
    padding: 20px;
    border-radius: 8px; /* Added border radius for a softer look */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  }

  .ADDINVINEER table thead tr th {
    padding: 10px 20px; /* Increased padding for better spacing */
    text-align: right;
    font-weight: bold;
    background-color: #e9ecef; /* Light background for header */
  }

  .ADDINVINEER table tbody tr td {
    text-align: right;
    padding: 10px 20px;
    position: relative;
  }

  .ADDINVINEER table tbody tr td .remove {
    margin-right: 10px;
    padding: 2px 6px;
    margin-top: 5px;
    outline: none;
    border: none;
    color: #fff;
    background-color: #F01800;
    border-radius: 3px; /* Added border radius for buttons */
    position: absolute;
    left: -9px;
    cursor: pointer; /* Pointer cursor for better usability */
  }

  .ADDINVINEER table tbody tr td input,
  .ADDINVINEER table tbody tr td input:focus {
    text-align: right;
    float: right;
    box-shadow: none;
    border: 1px solid #707070;
    border-radius: 3px;
    width: calc(100% - 10px); /* Adjust width for padding */
    padding: 5px; /* Added padding for better touch targets */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .ADDINVINEER {
      padding: 10px; /* Reduced padding on smaller screens */
    }

    .ADDINVINEER table thead tr th,
    .ADDINVINEER table tbody tr td {
      padding: 5px 10px; /* Reduced padding for better spacing */
    }
  }


  input[type="date"]::-webkit-inner-spin-button,
  input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0; /* Hide spin button and calendar indicator */
    width: 100%;
    position: absolute; /* Position absolute */
    -webkit-appearance: none; /* Remove default appearance */
    height: 100%; /* Full height */
  }

  .ADBTN {
    margin-top: 15px; /* Margin for button container */
    text-align: right; /* Right-aligned buttons */
  }

  .ADBTN .btn-add,
  .btn-save {
    background: #021876; /* Button background */
    color: #fff; /* Button text color */
    padding: 6px 10px; /* Button padding */
    border-radius: 4px; /* Rounded corners */
    text-decoration: none; /* No underline */
  }

  .inputsmall {
    width: 100px; /* Fixed width for small inputs */
  }

  .ADDIVoiCEDEATILS {
    margin-top: 0; /* Reset margin */
  }

  .ADDIVoiCEDEATILS table {
    background: #f8f8f8; /* Table background color */
    border: 1px solid #707070; /* Table border */
    text-align: right; /* Right-align text */
  }

  .ADDIVoiCEDEATILS table tr td {
    padding: 10px; /* Cell padding */
  }

  .BRDRiGHt {
    border-right: 1px solid #707070; /* Right border */
  }

  .BRDBTM {
    border-bottom: 1px solid #707070; /* Bottom border */
  }

  .ADDIVoiCEDEATILS table tr td input,
  .ADDIVoiCEDEATILS table tr td input:focus {
    text-align: right; /* Right-align input text */
    box-shadow: none; /* Remove shadow */
    border: 1px solid #707070; /* Input border */
    border-radius: 3px; /* Rounded corners */
    width: calc(100% - 10px); /* Full width minus padding */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-toggle {
    background-color: #fff; /* Background color for dropdown */
    color: #333; /* Text color */
    border: 1px solid #ccc; /* Border for dropdown */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-toggle .fa {
    font-size: 22px; /* Font size for icons */
    line-height: 10px; /* Line height adjustment */
    position: relative; /* Position relative for alignment */
    top: 5px; /* Vertical adjustment */
    padding-right: 10px; /* Right padding */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu {
    left: inherit; /* Reset left position */
    right: 0; /* Align to the right */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul {
    list-style-type: none; /* Remove list styling */
    padding: 4px 0; /* Padding for menu */
    margin: 0; /* Reset margin */
    text-align: right; /* Right-align menu items */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul li {
    display: block; /* Block display for menu items */
    width: 100%; /* Full width */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul li a {
    text-decoration: none; /* No underline */
    padding: 2px 10px; /* Link padding */
    display: block; /* Block display */
    color: #333; /* Link color */
  }

  .ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul li:hover a {
    background-color: #f8f8f8; /* Hover background color */
  }

  .ADDIVoiCEDEATILS .ADBTN .btn-add {
    text-transform: uppercase; /* Uppercase text */
    padding: 6px 30px; /* Padding for button */
  }

  .INVMODAL .modal-dialog .modal-header .modal-title {
    text-align: center; /* Center title */
  }

  .INVMODAL .modal-dialog label {
    text-align: right; /* Right-align labels */
    display: block; /* Block display */
  }

  .INVMODAL .modal-dialog .form-control {
    text-align: right; /* Right-align input text */
  }

  .ADDIVoiCEDEATILS .dropdown {
    display: inline-block; /* Inline block for dropdown */
  }

  small.help-block {
    display: none !important; /* Hide help block */
  }

  .ProDuCTDROpDOWN .dropdown .dropdown-toggle {
    width: 100%; /* Full width for dropdown toggle */
    border: 1px solid #333; /* Border for dropdown */
    height: 52px; /* Height for dropdown */
    text-align: right; /* Right-align text */
  }

  .ProDuCTDROpDOWN .dropdown .dropdown-toggle::before {
    content: '\f107'; /* FontAwesome dropdown icon */
    font-family: 'fontawesome'; /* Font family */
    left: 15px; /* Positioning */
    top: 12px; /* Positioning */
    position: absolute; /* Absolute positioning */
    font-size: 20px; /* Icon size */
  }

  .BTN-CAt, .BTN-CAt:hover {
    border: 1px solid #333; /* Border for buttons */
    height: 52px; /* Button height */
    text-align: right; /* Right-align text */
    display: block; /* Block display */
    width: 100%; /* Full width */
    text-decoration: none; /* No underline */
    border-radius: 3px; /* Rounded corners */
    padding: 16px; /* Padding for buttons */
    color: #000; /* Text color */
  }

  .sectionup .fa-picture-o {
    padding-left: 10px; /* Left padding for icons */
  }

  .StoREFoRM.INVOICEDeTIlaS .btn-primary .fa.fa-plus {
    float: none; /* No float */
    font-size: 30px; /* Font size */
    line-height: 18px; /* Line height */
    position: relative; /* Positioning */
    top: 3px; /* Vertical adjustment */
    padding-left: 15px; /* Left padding */
  }

  .SettingForm label {
    text-align: right; /* Right-align labels */
    display: block; /* Block display */
  }

  .dropdown .dropdown-toggle::before {
    display: none; /* Hide dropdown indicator */
  }

  .form-group label.error {
    display: none !important; /* Hide error labels */
  }

  .LIStIcONS img {
    width: 20px; /* Image width */
  }

  .InvoiceSearch ul li.INADDBTN.ADINVBTN {
    margin-right: auto; /* Align to the left */
  }

  .Breadcurm ul li.SearchBoxADINV.CSCSEO a .fa {
    font-size: 20px; /* Icon size */
    padding-right: 8px; /* Right padding */
  }

  .ReportSearch {
    margin-bottom: 15px; /* Bottom margin */
  }

  .ReportSearch .FoRMINNER {
    display: flex; /* Flex layout */
    align-items: center; /* Align items vertically */
  }

  .ReportSearch .FoRMINNER .FoRMINNERWorP {
    border-radius: 6px; /* Rounded corners */
    display: flex; /* Flex layout */
  }



  .ReportSearch .FoRMINNER .FoRMINNERWorP input#dt_from {
    border-right: 1px solid #ccc; /* Specific border for date input */
  }

  .ReportSearch .FoRMINNER .input-group.date {
    width: 200px; /* Fixed width for date input group */
    margin-right: 10px; /* Spacing to the right */
  }

  .ReportSearch .FoRMINNER .FoRMINNERWorP input {
    height: 42px; /* Consistent height */
    border: 1px solid #ccc; /* Border styling */
    background-color: transparent; /* Transparent background */
    border-radius: 6px 0 0 6px; /* Rounded corners */
    width: 100%; /* Full width */
    padding: 0 10px; /* Padding for inputs */
    box-shadow: none; /* Remove default shadow */
  }

  .ReportSearch .FoRMINNER .FoRMINNERWorP input:focus {
    outline: none; /* Remove outline */
    border: 1px solid #ccc; /* Focus border */
    background-color: transparent; /* Maintain transparency */
    border-radius: 6px 0 0 6px; /* Keep rounded corners */
  }

  .ReportSearch .FoRMINNER .FoRMINNERWorP input[type="date"]:not(.has-value):before {
    color: lightgray; /* Placeholder color */
    content: attr(placeholder); /* Use placeholder attribute */
  }

  .ReportSearch .FoRMINNER .btn-add {
    border: 1px solid #021876; /* Button border */
    color: #fff; /* Button text color */
    background: #021876; /* Button background */
    height: 35px; /* Button height */
    border-radius: 4px; /* Rounded corners */
    transition: background 0.3s, color 0.3s; /* Smooth transition */
  }

  .ReportSearch .FoRMINNER .btn-add:hover {
    background: none; /* Remove background on hover */
    color: #021876; /* Change text color on hover */
    border: 1px solid #021876; /* Maintain border on hover */
  }

  #Loginform .image.sectionup span {
    display: inline-block; /* Inline block for span */
    margin-right: auto; /* Align to the left */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .ReportSearch .FoRMINNER .input-group.date {
      width: 100%; /* Full width on smaller screens */
      margin-right: 0; /* Remove right margin */
    }

    .ReportSearch .FoRMINNER .FoRMINNERWorP input {
      padding: 0 8px; /* Adjust padding for smaller screens */
    }

    .ReportSearch .FoRMINNER .btn-add {
      width: 100%; /* Full width button */
      height: 40px; /* Adjust height for touch targets */
    }
  }


  .SettingForm #Loginform .image.sectionup span img {
    padding-right: 10px; /* Spacing to the right of images */
  }

  footer {
    padding: 30px 0 40px; /* Consistent padding */
    background: #1D40E6; /* Footer background color */
  }

  .footerinner {
    text-align: center; /* Centered content */
  }

  .footerinner ul {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0 0 15px; /* Bottom margin for spacing */
    display: inline-block; /* Inline block for centering */
    width: 100%; /* Full width */
    text-align: center; /* Centered text */
  }

  .footerinner ul li {
    width: auto; /* Auto width for list items */
    display: inline-block; /* Inline block for horizontal alignment */
  }

  .footerinner ul li:last-child {
    border-right: none; /* Remove right border for the last item */
  }

  .footerinner ul li a {
    text-decoration: none; /* No underline for links */
    padding: 0 15px; /* Horizontal padding for links */
    color: #fff; /* White text color */
    transition: color 0.3s; /* Smooth transition for hover effect */
  }

  .footerinner ul li a:hover {
    color: #ffcc00; /* Change color on hover for visibility */
  }

  .footerinner p {
    color: #fff; /* White text for paragraph */
    margin: 10px 0; /* Margin for spacing */
  }

  @media only screen and (max-width: 991px) {
    .ADMINCHARTInR50 {
      width: 100%; /* Full width on smaller screens */
      margin-bottom: 20px; /* Spacing below */
    }

    .MainOptiON ul li,
    .MainStore ul li {
      width: 25%; /* Fixed width for items */
    }

    .main-content-store {
      height: auto; /* Auto height for flexibility */
    }

    .MainStore_PRiCE ul li {
      width: 50%; /* Adjusted width for pricing items */
    }
  }



  @media only screen and (max-width: 767px) {
    .main-content {
      min-height: inherit; /* Maintain height inheritance */
      width: 100%; /* Full width for main content */
    }

    .navbar-nav {
      margin: 7.5px 0; /* Vertical margins for navbar items */
    }

    .MainOptiON ul li,
    .MainStore ul li {
      width: 30.33%; /* Adjusted width for list items */
    }

    .nav.navbar-nav.navbar-right {
      display: flex; /* Flex display for navbar items */
      float: right; /* Float to the right */
    }

    .navbar-header {
      width: auto; /* Auto width for header */
      margin-right: 0 !important; /* Reset margin */
    }

    header .navbar-nav {
      padding: 3px 0; /* Padding for navbar */
    }

    .PriCE_top a {
      display: block; /* Block display for price links */
    }

    .MainAnCT .fa {
      transform: rotate(-180deg); /* Rotate icon */
    }

    .MainStore_PRiCE ul li {
      width: 100%; /* Full width for pricing items */
    }

    .MainAnCT a.BaSActIVE {
      display: block; /* Block display for active links */
    }

    .PrICeMaiN {
      display: none; /* Hide main price section */
    }

    .MainAnCT .PrICeMaiN {
      display: block; /* Show active pricing section */
    }

    .StoREFoRM form,
    .PayMenT-DeatILS {
      width: 100%; /* Full width for forms */
    }

    .navbar-brand {
      margin-left: 15px !important; /* Adjust margin for branding */
    }

    .Breadcurm ul li a {
      font-size: 14px; /* Font size for breadcrumb links */
    }

    .InvoiceSearch ul .SearchBox {
      margin-right: auto; /* Center align */
      position: relative; /* Position relative for child elements */
      width: 55%; /* Width for search box */
    }

    .InvoiceSearch ul .SearchBox .form-control {
      text-align: right; /* Right-align text */
      box-shadow: none; /* Remove shadow */
      border: 1px solid #707070; /* Border styling */
      font-size: 12px; /* Font size for input */
      min-width: 15px; /* Minimum width */
    }

    .ThrECOUMNAdInV ul li.SearchBox input {
      width: 120px; /* Fixed width for input */
      padding: 0 0 0 17px; /* Padding for input */
    }

    .ThrECOUMNAdInV ul li.SearchBox .fa-calendar {
      position: absolute; /* Absolute positioning for icon */
      top: 7px; /* Vertical position */
      left: 6px; /* Horizontal position */
    }

    .ThrECOUMNAdInV ul .INADDBTN a {
      background: #021876; /* Button background color */
      color: #fff; /* Button text color */
      padding: 3px 9px; /* Button padding */
      border-radius: 4px; /* Rounded corners */
      text-decoration: none; /* No underline */
    }

    .ThrECOUMNAdInV ul li .dropdown .dropdown-toggle {
      background-color: transparent; /* Transparent background */
      color: #333; /* Text color */
      border: 1px solid #ccc; /* Border styling */
      padding: 4px 8px; /* Padding for dropdown */
    }

    .ADDINVINEER table thead tr th {
      padding: 0 5px; /* Header cell padding */
    }

    .ADDINVINEER table tbody tr td {
      text-align: right; /* Right-align table data */
      padding: 10px 5px; /* Data cell padding */
      position: relative; /* Relative positioning */
    }

    .inputsmall {
      width: 100%; /* Full width for small inputs */
    }

    .ADDINVINEER {
      background: #f8f8f8; /* Background color */
      border: 1px solid #707070; /* Border styling */
      padding: 20px 10px; /* Padding for container */
      border-bottom: 0; /* Remove bottom border */
    }

    .form-control.inputsmall.inputsmmobile {
      width: 100%; /* Full width for mobile inputs */
    }
  }

  .MOBILWTH90 {
    width: 90%;
    margin: 0 auto; /* Center the element */
    float: none; /* Remove float for better responsiveness */
  }

  .PagiSection .Pagi-right .dropdown .dropdown-toggle {
    max-width: 140px;
    overflow: hidden;
    padding: 5px 10px;
    text-align: right;
    min-width: 140px;
    white-space: nowrap; /* Prevent text wrapping */
    text-overflow: ellipsis; /* Add ellipsis for overflowed text */
  }

  .SearchBoxDORPD .dropdown .dropdown-toggle {
    min-width: 150px;
  }

  .INVOICETABLE table tr td ul {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping for better responsiveness */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
  }

  .INVOICETABLE table tr td ul li {
    padding: 0 5px;
    width: auto; /* Allow flexible width */
  }

  .navbar-brand {
    margin-left: 0 !important;
    height: auto !important;
    line-height: normal !important;
    padding-top: 0 !important;
    display: block;
    margin-top: 4px;
    font-size: 1.25rem; /* Adjust font size for better visibility */
  }

  .PagiSection {
    display: flex;
    padding: 10px 0;
    align-items: center; /* Align items to the center vertically */
    justify-content: space-between; /* Space between elements */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .MOBILWTH90 {
      width: 100%; /* Full width on smaller screens */
    }

    .PagiSection {
      flex-direction: column; /* Stack items vertically on small screens */
      align-items: flex-start; /* Align items to the start */
    }

    .PagiSection .Pagi-right {
      width: 100%; /* Full width for pagination section */
      margin-top: 10px; /* Space between sections */
    }
  }


  .Breadcurm {
    padding-top: 0px; /* No top padding */
    padding-bottom: 5px; /* Bottom padding */
  }

  html, body {
    font-size: 14px !important; /* Set global font size */
  }

  .LIStIcONS img {
    width: 20px;
    height: auto; /* Maintain aspect ratio */
  }

  .ADDINVINEER table tbody tr td .form-control.product_name {
    width: 90%;
    border-radius: 3px; /* Added border radius for consistency */
    border: 1px solid #707070; /* Ensured border for visibility */
  }

  .ADDINVINEER table tbody tr td .remove {
    left: -4px;
    cursor: pointer; /* Change cursor to pointer for better usability */
  }

  .Breadcurm.InVOICE ul {
    margin-bottom: 10px;
    list-style: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
  }

  .ReportSearch .FoRMINNER .FoRMINNERWorP {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping for better responsiveness */
    width: 75%;
  }

  .ReportSearch .FoRMINNER .FoRMINNERWorP input {
    width: 100%;
    padding: 8px; /* Added padding for better touch targets */
    border-radius: 3px; /* Added border radius for consistency */
    border: 1px solid #707070; /* Ensure border for visibility */
  }

  .ADMINCHART {
    padding-top: 0;
  }

  footer {
    padding: 15px 0 20px;
    background: #1D40E6;
    color: white; /* Ensure text is visible on dark background */
    text-align: center; /* Center text in footer */
  }

  .InvoiceSearch ul .INADDBTN a,
  .InVOICE ul .INADDBTN a,
  .ThrECOUMNAdInV ul .INADDBTN a {
    padding: 6px 10px;
    border-radius: 3px; /* Added border radius for buttons */
    background-color: #021876; /* Added background color for visibility */
    color: white; /* Ensure text is visible */
    text-decoration: none; /* Remove underline */
  }

  .InvoiceSearch ul .INADDBTN a:hover,
  .InVOICE ul .INADDBTN a:hover,
  .ThrECOUMNAdInV ul .INADDBTN a:hover {
    background-color: #fff; /* Darker shade on hover */
  }

  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 9px;
    border-radius: 3px; /* Added border radius for pagination items */
    background-color: #f8f9fa; /* Light background for better visibility */
  }

  .pagination-sm > li > a:hover,
  .pagination-sm > li > span:hover {
    background-color: #e2e6ea; /* Darker shade on hover */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .ReportSearch .FoRMINNER .FoRMINNERWorP {
      width: 100%; /* Full width on smaller screens */
    }
  }



  @media only screen and (max-width: 568px) {
    .MainOptiON ul li,
    .MainStore ul li {
      width: 50%; /* Adjusted width for list items */
    }

    .ThrECOUMNAdInV ul li .dropdown .dropdown-toggle {
      background-color: transparent; /* Transparent background */
      color: #333; /* Text color */
      border: 1px solid #ccc; /* Border styling */
      width: auto; /* Auto width */
      padding-left: 30px; /* Left padding */
      padding-right: 10px; /* Right padding */
      overflow: hidden; /* Hide overflow */
    }
  }

  .LogginMenu {
    float: left; /* Float to the left */
    padding-top: 8px; /* Top padding */
    margin-top: 10px; /* Top margin */
    margin-bottom: 10px; /* Bottom margin */
  }

  .LDTSeCTIoN .dropdown .dropdown-toggle {
    display: flex; /* Flex display */
    align-items: center; /* Center items vertically */
    cursor: pointer; /* Pointer cursor */
    padding: 0; /* No padding */
    background-color: transparent; /* Transparent background */
    border: none; /* No border */
  }

  .LDTSeCTIoN .CUSTImG {
    width: 38px; /* Fixed width */
    height: 38px; /* Fixed height */
    display: block; /* Block display */
    border-radius: 50%; /* Circular shape */
    background: #744949; /* Background color */
    color: #fff; /* Text color */
    text-align: center; /* Center text */
    line-height: 38px; /* Center vertically */
    text-transform: uppercase; /* Uppercase text */
    background-size: cover !important; /* Cover background */
    background-repeat: no-repeat !important; /* No repeat */
    background-position: top center !important; /* Background positioning */
    margin-right: 5px; /* Right margin */
  }

  .LDTSeCTIoN .dropdown .dropdown-toggle .fa {
    font-size: 20px; /* Font size for icon */
    line-height: 10px; /* Line height */
    position: relative; /* Relative positioning */
    top: 0; /* No vertical adjustment */
    padding-right: 0; /* No right padding */
  }

  .LDTSeCTIoN .CutNAmE {
    margin-left: 10px; /* Left margin */
    color: #0a1c6a; /* Text color */
    font-size: 16px; /* Font size */
  }



  .error {
    border: 1px solid red !important;
  }

  .InVOICE ul li.SearchBoxADINV input {
    width: 100%; /* Changed to 100% for responsiveness */
    max-width: 113px; /* Maintains max width */
    height: 36px; /* Slightly increased height for better usability */
    outline: none;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid #707070;
    padding-left: 30px;
    box-sizing: border-box; /* Ensures padding does not affect width */
  }

  #invoice_time {
    width: 100%; /* Changed to 100% for responsiveness */
    max-width: 80px; /* Maintains max width */
    padding: 10px;
    border-radius: 3px; /* Added border radius for consistency */
    border: 1px solid #707070; /* Added border for better visibility */
  }

  /* Additional styles for improved layout */
  @media (max-width: 768px) {
    .InVOICE ul li.SearchBoxADINV input,
    #invoice_time {
      max-width: 100%; /* Full width on smaller screens */
    }
  }
  
  

        
        .dropdown {
            position: relative;
            display: inline-block;
        }
        .dropbtn {
            background-color: #4CAF50;
            color: white;
            padding: 10px;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 200px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            overflow-y: auto;
            max-height: 300px;
        }
        .dropdown-content .card {
            padding: 10px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        .dropdown-content .card a {
            text-decoration: none;
            color: black;
            display: flex;
            align-items: center;
        }
        .dropdown-content .card a:hover {
            background-color: #f1f1f1;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }