/* Utility classes to replace inline style attributes */

/* Width percentages */
.w-1  { width: 1%; }
.w-2  { width: 2%; }
.w-5  { width: 5%; }
.w-8  { width: 8%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-28 { width: 28%; }
.w-30 { width: 30%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-70 { width: 70%; }
.w-80pct { width: 80%; }
.w-95 { width: 95%; }
.w-150px { width: 150px; }
.w-auto { width: auto; }

/* Height */
.h-100px { height: 100px; }
.h-400px { height: 400px; }
.h-116px-w100 { height: 116px; width: 100%; }
.min-h-200 { min-height: 200px; }

/* Display */
.d-none { display: none; }
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-inline-wauto { display: inline; width: auto; }

/* Flexbox */
.d-flex { display: flex; }
.flex-center { display: flex; justify-content: center; }
.flex-between { display: flex; justify-content: space-between; align-items: center; }
.flex-wrap-center-gap5 { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }

/* Text alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

/* Font size */
.fs-12 { font-size: 12px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }

/* Font weight */
.fw-bold { font-weight: bold; }

/* Line height */
.lh-56 { line-height: 56px; }

/* Float */
.float-left { float: left; }
.float-right { float: right; }

/* Background */
.bg-white { background: white; }
.bg-f4 { background-color: #f4f4f4; }

/* Word wrap */
.word-wrap { word-wrap: break-word; }

/* Overflow */
.overflow-y-auto { overflow-y: auto; }

/* Border */
.border-bottom-solid { border-bottom: 1px solid; }
.border-collapse-black { border-color: #000000; border-collapse: collapse; }
.border-top-black { border-top-color: #000; }

/* Position */
.pos-relative { position: relative; }
.fixed-bottom-40 { position: fixed; bottom: 40px; }

/* Padding */
.p-40-0 { padding: 40px 0px; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pl-0 { padding-left: 0px; }
.pl-25 { padding-left: 25px; }
.pb-10-pl-10 { padding-bottom: 10px; padding-left: 10px; }

/* Margin */
.mt-0 { margin-top: 0px; }
.mt-3px { margin-top: 3px; }
.mt-5px { margin-top: 5px; }
.mt-20 { margin-top: 20px; }

/* Max width */
.max-w-90 { max-width: 90%; }

/* Page-specific: pages/help.php */
.help-heading { font-size: 16px; line-height: 27px; letter-spacing: 0.01px; color: #5b90c6; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.help-link { color: #2fa4e7; text-decoration: underline; }

/* Page-specific: non_desclouser.php */
.nda-text { font-size: 16px; }

/* Page-specific: vendor/registrationform.php */
.marquee-text { font-family: Arial; font-size: 16pt; }
.captcha-input { width: 150px; height: 30px; font-size: 12px; }

/* Page-specific: vendor/advertisement_list.php */
.adv-factory-name { padding-bottom: 10px; color: #317eac; display: block; }

/* Page-specific: pages/home.php */
.home-new-img { position: absolute; float: left; z-index: 2; left: 0; }

/* Mail template font */
.mail-heading { font: bold 13px/15px Arial, Helvetica, sans-serif; color: #010101; }
.mail-body { font-size: 13px; line-height: 16px; font-weight: bold; }