/* =========================================================================
   מתנ"ס לוד (רשת תפוח) — מרכז 54 — סכימה 81
   נכתב מחדש עבור המעבר מסכימה 6 לסכימה 81 (קובץ העיצוב הישן אינו רלוונטי).
   פלטת המותג (נמדדה מקובץ העיצוב lod 4_Desktop.jpg ותואמת לבריף):
     תכלת  #0da9d0 | כתום  #ef9319 | ורוד  #e63a6a
   צבעי עיגולי הקטגוריות (big_bar) מגיעים מהדאטה (bbColor) ולא מכאן.
   ========================================================================= */

:root {
    --lod-teal: #0da9d0;
    --lod-orange: #ef9319;
    --lod-pink: #e63a6a;
}

/* -------------------------------------------------------------------------
   1. תפריט עליון — מיפוי שש מחלקות הצבע של הסכימה לצבעי המותג, לפי המוקאפ:
      blue→ורוד, red→כתום, green→תכלת, pink→תכלת, orange→ורוד, yellow→כתום.
      (במוקאפ החץ (menu-children) של הטאב בכיתת red נצבע ורוד בעוד שהפס
      התחתון כתום — נמדד כך מהקובץ, לכן החץ מקבל צבע שונה מהפס.)
   ------------------------------------------------------------------------- */
.main-navigation>ul>li.blue::before,
.main-navigation>ul>li.blue>a::before {
    background-color: var(--lod-pink);
}

.main-navigation>ul>li.red::before,
.main-navigation>ul>li.red>a::before {
    background-color: var(--lod-orange);
}

.main-navigation>ul>li.green::before,
.main-navigation>ul>li.green>a::before {
    background-color: var(--lod-teal);
}

.main-navigation>ul>li.pink::before,
.main-navigation>ul>li.pink>a::before {
    background-color: var(--lod-teal);
}

.main-navigation>ul>li.orange::before,
.main-navigation>ul>li.orange>a::before {
    background-color: var(--lod-pink);
}

.main-navigation>ul>li.yellow::before,
.main-navigation>ul>li.yellow>a::before {
    background-color: var(--lod-orange);
}

.main-navigation>ul>li.menu-children.blue span::before,
.main-navigation>ul>li.menu-children.blue span::after,
.main-navigation>ul>li.menu-children.red span::before,
.main-navigation>ul>li.menu-children.red span::after,
.main-navigation>ul>li.menu-children.pink span::before,
.main-navigation>ul>li.menu-children.pink span::after {
    background-color: var(--lod-pink);
}

.main-navigation>ul>li.menu-children.green span::before,
.main-navigation>ul>li.menu-children.green span::after {
    background-color: var(--lod-teal);
}

.main-navigation>ul>li.menu-children.orange span::before,
.main-navigation>ul>li.menu-children.orange span::after {
    background-color: var(--lod-pink);
}

.main-navigation>ul>li.menu-children.yellow span::before,
.main-navigation>ul>li.menu-children.yellow span::after {
    background-color: var(--lod-orange);
}

/* -------------------------------------------------------------------------
   2. מבזקים — כותרת "מבזקים" בתכלת (במקור אדום); אייקוני הרמקול וההשהיה
      נצבעים ורוד דרך header81.php ($strokeColor למרכז 54).
   ------------------------------------------------------------------------- */
.flashes>span {
    color: var(--lod-teal);
}

/* -------------------------------------------------------------------------
   3. באנר ראשי — פס מפריד כתום מתחת להירו (במקור צהוב), ועיגולי הקטגוריות
      גדולים יותר מהבסיס: במוקאפ קוטר כולל 178px (נמדד: מילוי 168 + טבעת
      לבנה 5px מכל צד) לעומת 150px בבסיס (140 + 5+5).
   ------------------------------------------------------------------------- */
.home-banner {
    border-bottom-color: var(--lod-orange);
}

/* גדלי העיגולים נמדדו מהמוקאפ בדסקטופ (1920) — חייבים scope, אחרת הם דורסים
   את כללי ה-@media של responsive.css (הקובץ הזה נטען אחריו וזוכה בסדר המסמך).
   מתחת ל-1400px השורה (7×178 + מרווחים) כבר לא נכנסת — נשארים על גדלי הבסיס. */
@media (min-width: 1400px) {
    .home-banner-category-item a {
        width: 168px;
        height: 168px;
    }

    /* במוקאפ שורת העיגולים יושבת 34px מעל הפס הכתום (בבסיס 65px) */
    .home-banner-category {
        bottom: 34px;
    }
}

/* -------------------------------------------------------------------------
   4. מקטע חוגים — הפס הכתום שאחרי המקטע (:after, במקור צהוב).
      צבע הכותרת h1 מטופל בבלוק ההחלפות המכני למטה.
   ------------------------------------------------------------------------- */
.classes:after {
    background-color: var(--lod-orange);
}

/* מדידות הדסקטופ (1920) — scoped כדי לא לדרוס את כללי המובייל של responsive.css */
@media (min-width: 1024px) {
    /* במוקאפ הכותרת "חוגים" קרובה יותר לפס הכתום (נמדד ~35px במקום 70px בבסיס) */
    .classes {
        padding-top: 35px;
    }

    /* כותרת המקטע במוקאפ גדולה מהבסיס: רוחב הדיו של "חוגים" במוקאפ 195px לעומת
       115px ברינדור ב-55px ⇒ ‎93px (אומת גם מול "אירועים קרובים" בניכוי letter-spacing) */
    .classes-head h1 {
        font-size: 93px;
    }

    /* בר הסינון במוקאפ נמוך יותר (גלולה ~110px במקום ~138px בבסיס);
       במובייל responsive.css מפרק את הגלולה לשדות נערמים — לא נוגעים שם */
    .classes-filter-item {
        padding: 24px 0 16px;
    }
}

/* במוקאפ המובייל הכותרת "חוגים" קטנה בהרבה (דיו 97px רוחב ⇒ ‎46px) */
@media (max-width: 1023px) {
    .classes-head h1 {
        font-size: 46px;
    }
}

/* במוקאפ יש פס אפור מתחת ל"חוגים" — הבסיס נותן כזה רק ל-h2 של האירועים;
   משכפלים את אותו מנגנון (117×5 אפור). במוקאפ המובייל אין פס — לכן scoped. */
@media (min-width: 768px) {
    .classes-head h1:after {
        content: "";
        background-color: #878787;
        height: 5px;
        width: 117px;
        margin: 13px auto 0;
        display: block;
    }
}

.classes-head h2 {
    color: var(--lod-teal);
}

/* חיפוש — ריחוף על כפתור העיגול: ורוד במקום אדום */
.classes-search input[type="submit"]:hover,
.classes-filter form input[type="submit"]:hover {
    background-color: var(--lod-pink);
}

/* במוקאפ יש שדה "שעות" אחד — מסתירים את שדה שעת הסיום, באותו עוגן שבו
   משתמש 564 (classes-filter-item--totime, מסומן ב-hugim81searchbar.php) */
.classes-filter-item--totime {
    display: none;
}

/* במובייל שדות הסינון עטופים ב-div.container.d-flex (nowrap של בוטסטרפ) —
   בלי זה הם נדחסים לשורה אופקית שגולשת מהמסך. כמו הפתרון של 564, רק
   scoped לטופס הסינון בלבד; כל שדה נהיה גלולה לבנה ברוחב מלא (responsive.css). */
@media (max-width: 1023px) {
    .classes-filter form > .container.container-fluid.d-flex {
        flex-direction: column;
        padding: 0;
    }

    /* שלוש רמות container מקוננות אוכלות 2×24px כל אחת (375→327→279→231);
       במוקאפ הגלולות ברוחב ~328 — מאפסים את שתי הפנימיות ומשאירים את החיצונית */
    .classes-tab-content .classes-tab-item {
        padding-left: 0;
        padding-right: 0;
    }
}

/* צ'קבוקסים בדרופדאונים של בר הסינון: ה-style המוטבע של hugim81searchbar.php
   מגיע אחרי הקובץ הזה בסדר המסמך, לכן חובה !important. */
.classes-filter .bootstrap-select .dropdown-menu li.selected a.dropdown-item::before,
.classes-filter .bootstrap-select .dropdown-menu li a.dropdown-item.selected::before {
    border-color: var(--lod-teal) !important;
    background-color: var(--lod-teal) !important;
}

/* -------------------------------------------------------------------------
   5. אירועים קרובים — תגית התאריך ורודה (במקור אדום), פס סיום המקטע ורוד
      (הפס שמעל טופס הדיוור, במקור צהוב), ומסגרת הכרטיס נבלעת ברקע התכלת
      (במוקאפ אין מסגרת צהובה סביב גוף הכרטיס; משאירים את רוחב ה-2px כדי
      לא להזיז את הפריסה).
   ------------------------------------------------------------------------- */
.latest-events {
    border-bottom-color: var(--lod-pink);
}

/* כמו כותרת החוגים — 93px במקום 55px (נמדד מהמוקאפ; במסכים צרים responsive.css
   כבר נותן 70/55px התואמים למוקאפ המובייל — לכן scoped) */
@media (min-width: 1351px) {
    .latest-events h2 {
        font-size: 93px;
    }

    /* במוקאפ גוף הכרטיס נמוך: ~128px עם שורת טקסט אחת (בבסיס min-height 185).
       תוכן אמיתי (שלוחה/מקום/כרטיסים) עדיין מגדיל את הכרטיס לפי הצורך.
       ב-≤1350 הבסיס כבר נותן 120px. */
    .latest-events-item-content {
        min-height: 128px;
    }
}

.latest-events-item-info {
    background-color: var(--lod-pink);
    /* במוקאפ תגית התאריך בגודל מלא (197px רוחב, נמדד ~195) — הבסיס מקטין
       אותה ב-scale(0.8); גם במובייל המוקאפ תואם לרוחב הלא-מוקטן (150px) */
    transform: none;
}

.latest-events-item-content {
    border-color: var(--lod-teal);
}

/* -------------------------------------------------------------------------
   6. כפתורים גלובליים — מלא: ורוד (במקור אדום); מתאר: מסגרת כתומה (במקור
      אדומה) — כמו כפתור "לכל האירועים" במוקאפ.
   ------------------------------------------------------------------------- */
.button,
a.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: var(--lod-pink);
}

.button.button-border,
a.button.button-border,
button.button-border,
html input[type="button"].button-border,
input[type="reset"].button-border,
input[type="submit"].button-border {
    border-color: var(--lod-orange);
    background-color: transparent;
}

.button:hover,
a.button:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: var(--lod-pink);
    background-color: transparent;
}

.button.button-border:hover,
a.button.button-border:hover,
button.button-border:hover,
html input[type="button"].button-border:hover,
input[type="reset"].button-border:hover,
input[type="submit"].button-border:hover {
    background-color: var(--lod-orange);
}

#continue {
    border-color: var(--lod-pink);
    background-color: var(--lod-pink);
}

#continue:hover {
    color: var(--lod-pink);
}

/* -------------------------------------------------------------------------
   7. פוטר — טקסטורת הפסיפס בתכלת של העיצוב במקום footer-bg.jpg הכחול של
      הסכימה (נכס פר-מרכז: footer-bg-54.png).
   ------------------------------------------------------------------------- */
footer {
    background-image: url('../../images/schema81/images/footer-bg-54.png');
}

/* שדה "מה מעניין אותי" בטופס הדיוור — חץ לבן מותאם כמו במוקאפ (בסכימה
   רק מרכזים ספציפיים מקבלים אותו דרך ה-PHP; כאן זה טהור CSS). */
#sendingList {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-position: left 0.5em center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    padding-left: 2em;
    padding-right: 0.5em;
}

/* -------------------------------------------------------------------------
   7ב. כפתור "לראש הדף" — footer81 פולט אותו אבל ל-screen.css אין שום כלל
       .goToTop: בלי עיצוב פר-מרכז הוא יורש את כלל ה-button הגנרי (גלולה
       גדולה) ונשאר בזרימה בתחתית הדף. מקבעים אותו כמו אצל 564, בצבעי המותג.
       ה-hover מפורש כי ה-hover הגנרי של הסכימה הופך כפתורים לשקופים.
   ------------------------------------------------------------------------- */
.goToTop {
    position: fixed;
    bottom: 35px;
    right: 20px;
    z-index: 99;
    font-size: 16px;
    padding: 10px 15px;
    background-color: var(--lod-pink);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.goToTop:hover {
    background-color: #c92d59; /* ורוד המותג מוכהה ~15% */
    color: #fff;
    border: none;
}

/* במובייל סרגל הרשתות התחתון (float-social) תופס את תחתית המסך (~88px) —
   מרימים את הכפתור מעליו */
@media (max-width: 991px) {
    .goToTop {
        bottom: 100px;
        right: 10px;
    }
}

/* -------------------------------------------------------------------------
   8. סרגל רשתות חברתיות צף — מסגרות בצבעי המותג (במקור צהוב/כחול/אדום).
   ------------------------------------------------------------------------- */
.float-social ul li.yellow a {
    border-color: var(--lod-orange);
}

.float-social ul li.blue a {
    border-color: var(--lod-teal);
}

.float-social ul li.red a {
    border-color: var(--lod-pink);
}

/* -------------------------------------------------------------------------
   9. החלפות מכניות (literal sweep) — כל המקומות שבהם הסכימה קושחה את
      הכחול שלה (#0079c2 / #00a2dc / #1279bf / #0179c2) → תכלת המותג.
      longhand-ים של צבע בלבד; עמודים פנימיים שאין להם מוקאפ — החלפת צבע,
      לא החלטת עיצוב.
   ------------------------------------------------------------------------- */
.classes-filter form input[type="submit"] { background-color: var(--lod-teal); }
.classes-search input[type="submit"] { background-color: var(--lod-teal); }
.classes-tab-item input[type="submit"] { background-color: var(--lod-teal); }
.classes-head h1 { color: var(--lod-teal); }
.dropdown-menu .bs-searchbox input::-webkit-input-placeholder { color: var(--lod-teal); }
.dropdown-menu .bs-searchbox input:-moz-placeholder { color: var(--lod-teal); }
.dropdown-menu .bs-searchbox input::-moz-placeholder { color: var(--lod-teal); }
.dropdown-menu .bs-searchbox input:-ms-input-placeholder { color: var(--lod-teal); }
ul.dropdown-menu li .dropdown-item:hover, ul.dropdown-menu li .dropdown-item:focus { color: var(--lod-teal); }
ul.dropdown-menu li .dropdown-item.active, ul.dropdown-menu li .dropdown-item:active { color: var(--lod-teal); }
.latest-events h2 { color: var(--lod-teal); }
.latest-events-item-content { background-color: var(--lod-teal); }
.inner-pages-hedding { background-color: var(--lod-teal); }
.inner-pages-info { border-bottom-color: var(--lod-teal); }
.inner-pages-info-item { color: var(--lod-teal); }
.inner-pages-info-item a { color: var(--lod-teal); }
.inner-pages-content h1, .inner-pages-content h2, .inner-pages-content h3, .inner-pages-content h4, .inner-pages-content h5, .inner-pages-content h6 { color: var(--lod-teal); }
.image-text-desc h1, .image-text-desc h2, .image-text-desc h3, .image-text-desc h4, .image-text-desc h5, .image-text-desc h6 { color: var(--lod-teal); }
.contact-info h3 { color: var(--lod-teal); }
.category-item-inner { border-color: var(--lod-teal); }
.category-item-inner a { color: var(--lod-teal); }
.class-text h4 { color: var(--lod-teal); }
.class-text h5 { color: var(--lod-teal); }
.class-text h6 { color: var(--lod-teal); }
.class-text .button { background-color: var(--lod-teal); border-color: var(--lod-teal); }
.class-text .button:hover { color: var(--lod-teal); border-color: var(--lod-teal); }
.forms-main .form-btn input[type="submit"] { background-color: var(--lod-teal); border-color: var(--lod-teal); }
.forms-main .form-btn input[type="submit"]:hover { color: var(--lod-teal); }
.as-sub-menu__btn { color: var(--lod-teal); }
.as-tenders-table th { background-color: var(--lod-teal); }
.as-tenders-table__td-title { background-color: var(--lod-teal); }
.as-tenders-table__link:hover, .as-tenders-table__td-primary { color: var(--lod-teal); }
.popover-header { background-color: var(--lod-teal); }
#expirienceSlider #sidebar, #expirienceSlider #sidebar1 { background-color: var(--lod-teal); border-color: var(--lod-teal) !important; }
.requireds-parent-page .as-tenders-table thead th { background-color: var(--lod-teal); }
.requireds-parent-page .as-tenders-table td > .requiredSpan > a:not(.ts-he-deatils--button) { color: var(--lod-teal); }
.requireds-parent-page .as-tenders-table td > .requiredSpan > a:not(.ts-he-deatils--button):hover { color: var(--lod-teal); }
.requireds-parent-page .as-tenders-table td > .requiredSpan > a.ts-he-deatils--button:hover, .requireds-parent-page .as-tenders-table .ts--table-button-open:hover { background-color: var(--lod-pink); } /* הכפתור עצמו תכלת (סעיף 11ג) — הריחוף ורוד כמו הכפתורים הגלובליים */
.requireds-parent-page .as-tenders-table .ts--table-hidden-content a:hover { color: var(--lod-teal); }
.requireds-parent-page .as-tenders-table .ts--table-hidden-box { border-top-color: var(--lod-orange); }
.inner-page-banner { border-bottom-color: var(--lod-orange); }
footer { border-top-color: var(--lod-orange); }

/* -------------------------------------------------------------------------
   10. החלפות שמקורן בכללי @media של responsive.css — חייבות להישאר באותו
       scope, אחרת רקע/צבע היו נצבעים גם בדסקטופ שבו הכלל המקורי לא חל.
   ------------------------------------------------------------------------- */
@media (max-width: 991px) {
    /* בר הרשתות התחתון במובייל: רקע תכלת ופס עליון ורוד (נמדד מהמוקאפ —
       #e63a6a ~7px; בבסיס כחול עם פס צהוב) */
    .float-social {
        background-color: var(--lod-teal);
        border-top-color: var(--lod-pink);
        border-top-width: 7px;
    }
}

@media (max-width: 480px) {
    /* המוקאפ המובייל מציג את תמונת ההירו כרצועה מעל העיגולים — הבסיס ב-≤480
       מוחק את תמונת הרקע לגמרי (background:#fff !important); משחזרים אותה
       כרצועת cover בגובה שנמדד מהמוקאפ (160px ב-375 ⇒ ‎43vw) */
    .home-banner::before {
        content: "";
        display: block;
        height: 43vw;
        margin-bottom: 12px;
        background: url('../../images/schema81/images/home-banner-54.jpg') center 25% / cover no-repeat;
    }

    /* הבסיס מסתיר את אייקוני העיגולים בטלפון; במוקאפ הם מוצגים */
    .home-banner-category-img {
        display: block;
        height: 40px;
    }

    .home-banner-category-img img {
        max-height: 38px;
    }

    /* בבסיס הפריטים הם 27% מהורה שרוחבו fit-content — התלות המעגלית מקריסה
       את השורה ל-57px/2-בשורה. במוקאפ: 3 עיגולים בשורה, ~91px כל אחד. */
    .home-banner-category-inner {
        width: 100%;
        max-width: 100%;
    }

    .home-banner-category-item {
        width: calc(33.33% - 18px);
        margin: 9px;
    }

    /* הבסיס (≤1199) נותן margin-right:12px לכל פריט שאינו אחרון — עם 9px+12px
       השורה עוברת 100% והעיגול השלישי נשבר לשורה חדשה */
    .home-banner-category-item:not(:last-child) {
        margin-right: 9px;
    }
}

@media (max-width: 767px) {
    table.as-tenders-table td[data-label]::before { background-color: var(--lod-teal); }
    .procedure-page .inner-pages-content .freeText tr { border-color: var(--lod-teal); }
    .procedure-page .inner-pages-content .freeText th[data-label]:before,
    .procedure-page .inner-pages-content .freeText td[data-label]:before { color: var(--lod-teal); }
}

/* -------------------------------------------------------------------------
   11. עמודים פנימיים — תיקוני QA (monday 12841315494).
   ------------------------------------------------------------------------- */

/* 11א. אריחי קישורים עם תמונה — דף מחלקה (class81.php) ודף שלוחה (scheme81.php).
   בבסיס האריח הוא שורה בגובה קבוע 123px: התמונה (עד 160px) תופסת את רוב הרוחב
   והכותרת נדחסת לעמודה צרה וגולשת מחוץ למסגרת. כאן התמונה מעל הכותרת, האריח
   גדל לפי התוכן, ואריחים באותה שורה נמתחים לגובה אחיד. אריח טקסט בלבד לא משתנה. */
.category-item {
    display: flex;
}

.category-item-inner {
    flex: 1;
}

.category-item-inner:has(> img.hugImage) {
    position: relative;
    height: auto;
    min-height: 123px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
}

/* ה-!important גובר על ה-style המוטבע של class81.php (max-height:160px, width:auto).
   תמונה אמיתית: רצועה ברוחב האריח, בלי חיתוך (contain). */
.category-item-inner > img.hugImage {
    width: 100% !important;
    height: 150px !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* הלוגו החלופי (אין תמונה לשורה — class81.php מסמן hugImage--logo) קטן ולא משתלט */
.category-item-inner > img.hugImage--logo {
    width: auto !important;
    height: auto !important;
    max-width: 60% !important;
    max-height: 56px !important;
}

.category-item-inner:has(> img.hugImage) a {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 6px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

/* כל האריח לחיץ, לא רק שורת הכותרת */
.category-item-inner:has(> img.hugImage) a::after {
    content: "";
    position: absolute;
    inset: 0;
}

/* 11ב. דף אירוע (event81.php) — בבסיס .class-text ברוחב 100%, ולכן התמונה נשברת
   לשורה מתחת לכל הטקסט, המחיר והכפתור. בדסקטופ: טקסט מימין ותמונה משמאל
   (הרוחב 46.39% של הבסיס); מתחת ל-992 התמונה עולה מעל הטקסט (כמו ב-≤767 בבסיס).
   מזוהה לפי .event-info-body כדי לא לגעת בדפי חוג/תוכן/שלוחה. */
@media (min-width: 992px) {
    .class-page-main:has(> .class-text > .event-info-body):has(> .class-img) {
        flex-wrap: nowrap !important; /* גובר על .flex-wrap של bootstrap (utility עם !important) */
        align-items: flex-start;
        gap: 40px;
    }

    .class-page-main:has(> .class-text > .event-info-body) > .class-text {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .class-page-main:has(> .class-text > .event-info-body) > .class-img {
        flex: 0 0 46.39%;
    }
}

@media (max-width: 991px) {
    .class-page-main:has(> .class-text > .event-info-body) > .class-img {
        order: -1;
        margin-bottom: 20px;
    }
}

/* 11ג. דף דרושים — תיאור המשרה מה-TinyMCE בנוי <li><p>טקסט</p></li>. הבסיס נותן
   list-style: inside, ולכן התבליט יושב בשורה משלו והטקסט יורד שורה. תבליט מבחוץ
   (עם ריווח בצד ימין ל-RTL) ובלי שולי ה-p בתוך הפריט. */
.requireds-parent-page .ts--table-hidden-box ul {
    margin: 0 0 12px 0;
    padding-right: 22px;
}

.requireds-parent-page .ts--table-hidden-box ul li {
    list-style-position: outside;
    margin-bottom: 4px;
}

.requireds-parent-page .ts--table-hidden-box li > p {
    margin: 0;
}

/* צבעים שנוספו לסכימה אחרי המעבר (literal sweep) */
.requireds-parent-page .as-tenders-table .ts--table-hidden-title { color: var(--lod-teal); }
.requireds-parent-page .as-tenders-table .ts--table-hidden-content a { color: var(--lod-teal); }
.requireds-parent-page .as-tenders-table td > .requiredSpan > a.ts-he-deatils--button,
.requireds-parent-page .as-tenders-table .ts--table-button-open { background-color: var(--lod-teal); }