/* =====================================================================
   ZKTeco - COLOUR THEME "Forest + Sage"  (loaded last, colours only)
   To go back to the previous colours, delete the <link> to this file in
   resources/views/layouts/frontend/master.blade.php.
   Palette:
     forest   #173b2d   (announcement bar, buttons, footer, ticker, sidebar titles)
     forest-2 #234a3a   (hover / raised surfaces on forest)
     accent   #7ac143   (your brand green: underlines, highlights, active states)
     lime     #b9e48a   (text accents on forest)
     charcoal #212121   (header)
     sage     #f3f5ef   (page background)   sage-2 #e9eee1 (soft panels)   line #dfe5d6
     ink      #1a2b22   (headings)          muted #4f5f56 (body text)
   ===================================================================== */

.ha-site { background:#f3f5ef; color:#1a2b22; }

/* ---------- announcement bar + header ---------- */
.ha-site .ha-util { background:#173b2d; color:#cfe0c7; }
.ha-site .ha-util a { color:#cfe0c7; }
.ha-site .ha-util a:hover, .ha-site .ha-util .ha-lang a.is-on { color:#b9e48a; }
.ha-site .ha-header { border-bottom:4px solid #7ac143; }
.ha-site .ha-panel { border-top:0; background:#fff; }
.ha-site .ha-col-title { color:#173b2d; border-bottom-color:#dfe5d6; }
.ha-site .ha-col-title:hover, .ha-site .ha-viewall { color:#3f7a12; }
.ha-site .ha-sub a { color:#4f5f56; }
.ha-site .ha-sub a:hover { color:#3f7a12; }
.ha-site .ha-burger { background:#7ac143; color:#173b2d; }

/* ---------- hero + ticker ---------- */
.ha-site #main-slider { background:#e9eee1; }
.ha-site .carousel-inner .bannerHeight { background:#e9eee1; }
.ha-site #main-slider .prev, .ha-site #main-slider .next { background:rgba(23,59,45,.88); color:#b9e48a; }
.ha-site #main-slider .prev:hover, .ha-site #main-slider .next:hover { background:#7ac143; color:#173b2d; }
.ha-site #main-slider .carousel-indicators li { background:rgba(23,59,45,.35); }
.ha-site #main-slider .carousel-indicators li.active { background:#7ac143; }
.ha-site .ha-ticker { background:#173b2d; color:#e8f3dc; border-top:0; border-bottom:4px solid #7ac143; }
.ha-site .ha-marq span i { color:#7ac143; }

/* ---------- home sections ---------- */
.ha-site .ha-h2 { color:#173b2d; }
.ha-site .ha-h2 em { color:#5b9a1e; }
.ha-site .ha-intro .customcss h1 { color:#173b2d; font-weight:700; letter-spacing:-.5px; }
.ha-site .ha-intro .customcss h2 { color:#3f7a12; }
.ha-site .ha-intro .customcss h3 { color:#173b2d; }
.ha-site .ha-intro .customcss p { color:#4f5f56; }
.ha-site .ha-intro .customcss a { color:#173b2d !important; font-weight:500; }
.ha-site .ha-intro .customcss a:hover { color:#3f7a12 !important; }
.ha-site .ha-intro .customcss summary { background:#173b2d; color:#fff; }
.ha-site .ha-intro .customcss summary:hover { background:#234a3a; }
.ha-site .ha-intro .ha-rings circle { stroke:#7ac143; }
.ha-site .ha-pt { background:#173b2d; }
.ha-site .ha-pt:hover { box-shadow:0 18px 36px rgba(23,59,45,.30); }
.ha-site .ha-newscard { background:#fff; border-color:#dfe5d6; }
.ha-site .ha-newscard:hover, .ha-site .ha-sup:hover { box-shadow:0 16px 32px rgba(23,59,45,.16); }
.ha-site .ha-newscard h4 { color:#173b2d; }
.ha-site .ha-newscard p, .ha-site .ha-newscard .ha-ndate { color:#4f5f56; }
.ha-site .ha-newscard .ha-more { color:#3f7a12; }
.ha-site .ha-video { background:#173b2d; }
.ha-site .ha-sup { background:#fff; border:1px solid #dfe5d6; border-bottom:5px solid #7ac143; color:#173b2d; }
.ha-site .ha-sup:hover { color:#173b2d; }

/* ---------- footer ---------- */
.ha-site .ha-footer { background:#173b2d; color:#cfe0c7; }
.ha-site .ha-footer a { color:#cfe0c7; }
.ha-site .ha-footer a:hover { color:#b9e48a; }
.ha-site .ha-footer h3 { color:#fff; border-bottom-color:#7ac143; }
.ha-site .ha-badges img { background:#234a3a; }
.ha-site .ha-social a { border-color:#2f5a49; color:#fff; }
.ha-site .ha-social a:hover { background:#7ac143; border-color:#7ac143; color:#173b2d; }
.ha-site .ha-fbottom { border-top-color:#2f5a49; }

/* ---------- inner pages ---------- */
.ha-site .solution h2 { color:#173b2d; }
.ha-site .solution-inner h3, .ha-site .prd-name, .ha-site .prd-specification h2,
.ha-site .down-det h4, .ha-site .download-block .text, .ha-site .contact h3 { color:#2f6b1f; }
.ha-site .solution-inner h4, .ha-site .prd-detail-box h2 { color:#173b2d; }
.ha-site .solution-inner p, .ha-site .prd-specification p, .ha-site .contact address { color:#33463b; }
.ha-site .breadcrumbsWrap .breadcrumbs li a { color:#4f5f56; }
.ha-site .breadcrumbsWrap .breadcrumbs li.current { color:#173b2d; }
.ha-site .side-block h2 { background:#173b2d; color:#b9e48a; border-bottom-color:#7ac143; }
.ha-site .side-block #sidebarExpand { background:#fff; border-color:#dfe5d6; }
.ha-site #sidebarExpand > li { border-bottom-color:#e9eee1; }
.ha-site #sidebarExpand > li a { color:#173b2d; }
.ha-site #sidebarExpand > li.active.open { background:#eef3e6; }
.ha-site #sidebarExpand > li > ul > li > a { color:#4f5f56; }
.ha-site #sidebarExpand > li > ul > li > a:hover, .ha-site #sidebarExpand > li > ul > li > a:focus { background:#e3eed6 !important; color:#173b2d; }
.ha-site #sidebarExpand > li > ul > li > ul > li > a:hover, .ha-site #sidebarExpand > li > ul > li > ul > li > a:focus { background:#173b2d !important; color:#b9e48a; }
.ha-site .product-item { background:#fff; border-color:#dfe5d6; }
.ha-site .product-item:hover { box-shadow:0 14px 28px rgba(23,59,45,.16); }
.ha-site .prdName { color:#173b2d; }
.ha-site .related-item, .ha-site .package-item .img1 { background:#fff; border-color:#dfe5d6; }
.ha-site .prd-specification .nav { border-bottom-color:#dfe5d6; }
.ha-site .prd-specification .nav li a { color:#173b2d; }
.ha-site .prd-specification .tab-pane h3 { background:#173b2d; color:#fff; }
.ha-site .faq-main .heading { background:#e9eee1; }
.ha-site .heading { color:#173b2d; }
.ha-site .table > thead > tr > th, .ha-site .faq-main .table > thead > tr > th { background:#173b2d; color:#fff; }
.ha-site .table-striped > tbody > tr:nth-of-type(odd) { background:#f1f5ea; }
.ha-site .news-pblock { box-shadow:0 2px 10px rgba(23,59,45,.10); }
.ha-site .news-pblock:hover { box-shadow:0 14px 28px rgba(23,59,45,.18); }
.ha-site .news-text, .ha-site .video-block .video-text { background:#e9eee1; }
.ha-site .news-text h4 { color:#173b2d; }
.ha-site .down-list { border-bottom-color:#dfe5d6; }
.ha-site .down-list:hover { background:#eef3e6; }
.ha-site .form-control, .ha-site .online-form .form-control { border-color:#cdd8c3; }
.ha-site .online-form label { color:#173b2d; }
.ha-site .online-form .submit, .ha-site input[type=submit], .ha-site button[type=submit].btn,
.ha-site .btn-primary, .ha-site .btn-success { background:#173b2d; color:#fff; }
.ha-site .online-form .submit:hover, .ha-site input[type=submit]:hover,
.ha-site .btn-primary:hover, .ha-site .btn-success:hover { background:#234a3a; color:#fff; }
.ha-site .pagination > li > a, .ha-site .pagination > li > span { color:#173b2d; border-color:#dfe5d6; }
.ha-site .pagination > li > a:hover { background:#e3eed6; border-color:#7ac143; color:#173b2d; }
.ha-site .pagination > .active > a, .ha-site .pagination > .active > span, .ha-site .pagination > .active > a:hover { background:#173b2d; border-color:#173b2d; color:#b9e48a; }
.ha-site .solution .Inbanner .caption, .ha-site .Inbanner2 .caption { background:#7ac143; color:#173b2d; }