/* ============================================================
   Shared chrome for the Report Details V2 page (module: reportsv2)

   Extracted verbatim from theme-report-details-new.css - only the
   rules the existing header / footer / cookie bar / scroll-to-top
   markup depends on. No page-level design from the old report page.
   Keep in sync if the header/footer partials change.
   ============================================================ */

/* ---------- base ---------- */
*{margin: 0;padding: 0}
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.modal-open{overflow: auto!important;padding-right: 0px!important;}
::selection{background:#0079b2;color:#fff}

/* ---------- font size utilities (used by header + footer markup) ---------- */
.fs-11{font-size:11px}
.fs-12{font-size:12px}
.fs-13{font-size:13px}
.fs-14{font-size:14px!important}
.fs-15{font-size:15px}
.fs-16{font-size:16px !important}
.fs-17{font-size:17px}
.fs-18{font-size:18px}

/* ---------- colour utilities ---------- */
.txt-white{color:#fff}
.txt-black{color:#000}
.txt-blue{color:#0079b2}
.txt-blue1{color:#007db3}
.txt-cyan1{color: #abe2f9}
.txt-grey{color:#5d5d5d}

.bg-grey{background-color: #efefef; }
.bg-grey2{background:#ebebeb}

.btn-blue{background:#007db3;border-color:#007db3;color:#fff}
.btn-blue:hover{background:#fff;color:#007db3!important;border-color:#007db3}

.lineHeight-25{line-height:25px}
.bold500{font-weight: 500;}
.radius100{border-radius: 100px;}

/* ---------- header ---------- */
header .navbar button.navbar-toggler{background:#e9e9e9;padding:0px;width: 40px;height: 40px;position: relative;}
header .collapse > div{top:0;border-bottom: 3px solid #7abd49;border-bottom-left-radius: 5px!important;border-bottom-right-radius: 5px!important;}
header #navbarToggleExternalContent h5{font-size:16px}
header ul li a {padding:4px 20px;color:#063e58;display:inline-block;text-decoration:none!important;font-size:14px;font-weight: 300}
header .form-inline{top:4px;vertical-align: top;}
header .form-inline input[type="text"]{background:#f5f5f5;border-radius:5px;font-size:12px;}
header .form-inline input[type="text"]:focus{box-shadow:unset}
header .form-inline button{background:transparent;padding:2px 5px;right:6px;top:5px}
header .form-inline .deskSuggList{z-index:3;background:#e9e9e9;box-shadow:1px 1px 8px #b6b6b6}
header .form-inline .deskSuggList p{margin-bottom:8px}
header .form-inline .deskSuggList ul{max-height:250px;overflow-y:auto}
header .form-inline .deskSuggList ul li{border-bottom:1px solid #dedede}
header .form-inline .deskSuggList ul li:hover:not(:first-child){background-color:#dedede}
header .form-inline .deskSuggList ul li a{font-size:12px;color:#555;text-decoration:none;padding:4px 0;display:inline-block;font-weight:normal}
header .login_btn a{background-color: #0079b2;color: #fff;padding: 2px 5px;border:1px solid #0079b2;border-radius: 4px;}
header .login_btn a:hover{background-color: #044d6f;color: #fff;text-decoration: none;}
header .login_btn a img{border-radius: 100px;}

/* ---------- hamburger ---------- */
.menulines {position: absolute;top: 0px; width: 100%; height: 100%; }
.navbar-toggler .menu-line{background: #747474; border: none; height: 2px; width: 24px; position: absolute; top: 11px; right: 8px; -webkit-transition: all .35s ease; transition: all .35s ease; }
.navbar-toggler span:nth-of-type(2) {top: 20px; }
.navbar-toggler span:nth-of-type(3) {top: 29px; }

/* ---------- cookie / policy bar ---------- */
.policyAgreeBar{box-shadow: 0px 0px 1px 0px #5a5a5a; }
.policyAgreeBar a.t-green{color:#0065d1}

/* ---------- footer ---------- */
.footer-section{background:#263947}
.footer-section ul.footerLinks li:not(:first-child):after{content:"";position:absolute;left:0;top:38%;display:block;background-color: #fff;width:1px;height:12px}
.footer-section .footerLinks li a{margin:0 7.4px}
.footer-section .footerDivider:after{content:'';height:90px;width:1px;position:absolute;background:#878787;top:0;right:0}
.footer-section address p{line-height:30px}
.footer-section .footer-social{border:1px solid #878787;border-radius:3px}
.footer-section .footer-social li a{vertical-align:super}
.footer-section .socialIcon{background-image:url('../images/socialIcons-sprite.svg');width:22px;height:20px;background-size:80px}
.footer-section .twitter{background-position: -9px -4px;background-image: url(../images/twitter-x.svg);background-repeat: no-repeat;background-size: 38px;}
.footer-section .linkedin{background-position:-29px 0}
.footer-section .youtube{background-position:-58px 0}

/* ---------- scroll to top ---------- */
#scrollToTop{display:none;background-color:#aeb3be;width:40px;height:40px;padding:4px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;z-index:3}
#scrollToTop:hover{background-color:#007db3}

/* ---------- container width (matches live site) ---------- */
@media (min-width: 1367px) {
    .container-fluid { width: 100%; max-width: 1440px; }
}
