body {
  font-family: 'Montserrat', 'Verdana', sans-serif !important;
  color: #001E50; /* Arden Navy */
  background-color: #EBEEF8;
}

h1, .h1 {
  font-weight: 700 !important;
}

#sv-header-help, #profileSection .sv-profile-edit-image-button {
  display: none;
}

.sv-page-header.sv-page-header {
  color: #65C1BE; /* Arden Teal */
  background: #001E50; /* Arden Navy */
}

.sv-page-header.sv-page-header p,
.sv-page-header.sv-page-header #sitspagedesc,
.sv-page-header.sv-page-header #sitsportalpagedesc {
  color: #fff;
}

.sv-header-image {
  margin-left: 15px;
  margin-right: 15px;
  width: 108px !important;
  background-size: contain;
}

#sv-sidebar {
  background-color: #3F4952; /* Arden Grey */
  border-color: #3F4952; /* Arden Grey */
}

#sv-sidebar .sv-navbar-nav {
  width: 100%;
}

#sv-sidebar .sv-navbar-nav .sv-active > a {
  color: #65C1BE; /* Arden Teal */
  background-color: #001E50; /* Arden Navy */
}

#sv-sidebar .sv-navbar-nav li > a:hover {
  background-color: #001E50; /* Arden Navy */
}

#sv-sidebar .sv-navbar-nav li > a:hover .sv-nav-icon {
  color: #FCBF00; /* Arden Yellow  */
}

.sv-sidebar-toggle .sv-icon-dot {
  background-color: #3F4952; /* Arden Grey */
}

.sv-sidebar-toggle:hover .sv-icon-dot {
  background-color: #FCBF00; /* Arden Yellow  */
  border-color: #FCBF00; /* Arden Yellow  */
}

.sv-sidebar-toggle:hover + .sv-sidebar-toggle-transition {
  background-color: #3F4952; /* Arden Grey */
  border-color: #3F4952; /* Arden Grey */
}

.sv-sidebar-toggle-transition::before {
  border-color: transparent transparent transparent #3F4952; /* Arden Grey */
}

.sv-sidebar-toggle-transition::after {
  border-color: transparent transparent transparent #3F4952; /* Arden Grey */
}

footer.sv-footer {
  background-color: #001e4f;
  color: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
}

footer.sv-footer .sv-footer-text, 
footer.sv-footer .sv-footer-text a, 
footer.sv-footer .sv-footer-text a:hover, 
footer.sv-footer .sv-footer-text a:link, 
footer.sv-footer .sv-footer-text a:visited, 
footer.sv-footer .sv-footer-text a:active {
  color: #fff;
}

footer.sv-footer .sv-footer-logo img {
  height: 50px;
}

footer.sv-footer .sv-footer-logo img.sv-footer-logo-qaa {
  margin-left: 16px;
}  

@media (min-width: 768px) {
  footer.sv-footer .sv-container-fluid {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  footer.sv-footer .sv-footer-logo img {
    height: 80px;
  }
  footer.sv-footer .sv-footer-logo img.sv-footer-logo-qaa {
    margin-left: 32px;
  }  
}

/**************************/
/* Env specific styles    */
/**************************/

html.body-start-tabs-v.arden-dev body, html.body-start.arden-dev body {
  background-color: rgba(255,209,186,0.4);
}

html.body-start-tabs-v.arden-dev header nav, html.body-start.arden-dev header nav {
  background-color: rgba(255,209,186,0.4);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='35px' width='50px'><text transform='translate(10,35) rotate(-30)' fill='rgb(255,255,255)' font-size='20'>DEV</text></svg>");
}

html.body-start-tabs-v.arden-test body, html.body-start.arden-test body {
  background-color: rgba(186,186,184,0.4);
}

html.body-start-tabs-v.arden-test header nav, html.body-start.arden-test header nav {
  background-color: rgba(186,186,184,0.4);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='60px'><text transform='translate(10,40) rotate(-30)' fill='rgb(255,255,255)' font-size='20'>TEST</text></svg>");
}

html.body-start-tabs-v.arden-migration2 body, html.body-start.arden-migration2 body {
  background-color: rgba(186,186,184,0.4);
}

html.body-start-tabs-v.arden-migration2 header nav, html.body-start.arden-migration2 header nav {
  background-color: rgba(186,186,184,0.4);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='60px'><text transform='translate(10,40) rotate(-30)' fill='rgb(255,255,255)' font-size='20'>MIG2</text></svg>");
}

html.body-start-tabs-v.arden-preprod body, html.body-start.arden-preprod body {
  background-color: rgba(139,109,150,0.4);
}

html.body-start-tabs-v.arden-preprod header nav, html.body-start.arden-preprod header nav {
  background-color:  rgba(139,109,150,0.4);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='55px' width='100px'><text transform='translate(10,55) rotate(-30)' fill='rgb(255,255,255)' font-size='20'>PREPROD</text></svg>");
}

/**************************/
/* IPP specific styles    */
/**************************/

html.body-start-ipp .arden-ipp-tabs .sv-page-header {
  border-bottom: 3px solid #26F1EA;
}

html.body-start-ipp .arden-ipp-tabs .sv-page-header #sitsportalpagetitle {
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #fff !important;
}

html.body-start-ipp #new_user_section, html.body-start-ipp #login_section {
  text-align: center;
}

html.body-start-ipp #new_user_section .sv-form-container, html.body-start-ipp #login_section .sv-form-container {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

html.body-start-ipp .arden-btn-override .sv-btn-block { /* only used when IPP builds the button itself */
  display: inline-block !important;
  width: auto !important;
}

html.body-start-ipp .arden-btn-cta, html.body-start-ipp .arden-btn-cta:visited,
html.body-start-ipp .arden-btn-override .sv-btn, html.body-start-ipp .arden-btn-override .sv-btn:visited {
  height: 48px !important;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s ease-in;
  padding: 0 16px;
  background-color: #fcbf00;
  border: 2px solid #fcbf00;
  border-radius: 24px;
  color: #001e50;
  text-decoration: none; 
  text-transform: none !important;
}

html.body-start-ipp .arden-btn-cta:hover, html.body-start-ipp .arden-btn-cta:focus,
html.body-start-ipp .arden-btn-override .sv-btn:hover, html.body-start-ipp .arden-btn-override .sv-btn:focus {
  text-decoration: none;
  color: #001e50;
  background-color: #fff;
  border: 2px solid #fcbf00;
}

@media (min-width: 768px) {
  html.body-start-ipp header.sv-header-main .sv-navbar-brand {
    margin-left: 48px !important;
  }
  html.body-start-ipp .arden-ipp-tabs .sv-page-header {
    padding-left: 48px !important;
    padding-bottom: 18px;
    border-bottom: 6px solid #26F1EA;
  }
  html.body-start-ipp .arden-container {
    padding-left: 33px !important;
    padding-right: 33px !important;
  }
}

/**************************/
/* New branded COP styles */
/**************************/

.sv-tiled-cop-teal {
  color: #002B4F !important; /* Arden Navy */
  background-color: #65C1BE; /* Arden Teal */
}
.sv-tiled-cop-teal:hover {
  background-color: rgba(101,193,190,.5); /* Arden Teal 50% */
}

.sv-tiled-cop-teal-rev {
  color: #65C1BE !important; /* Arden Teal */
  background-color: #002B4F;
}
.sv-tiled-cop-teal-rev:hover {
  background-color: rgba(0,43,79,.5); /* Arden Navy 50% */
}

.sv-tiled-cop-blue-grey {
  color: #002B4F !important; /* Arden Navy */
  background-color: #EAEEF9; /* Arden Blue Grey */
}
.sv-tiled-cop-blue-grey:hover {
  background-color: rgba(255,255,255,.5); /* White 50% */
}

.sv-tiled-cop-blue-grey-rev {
  color: #EAEEF9 !important; /* Arden Blue Grey */
  background-color: #002B4F; /* Arden Navy */
}
.sv-tiled-cop-blue-grey-rev:hover {
  background-color: rgba(0,43,79,.5); /* Arden Navy 50% */
}

.sv-tiled-cop-yellow {
  color: #002B4F !important; /* Arden Navy */
  background-color: #FCBF00; /* Arden Yellow */
}
.sv-tiled-cop-yellow:hover {
  background-color: rgba(252,191,0,.5); /* Arden Yellow 50% */
}

.sv-tiled-cop-yellow-rev {
  color: #FCBF00 !important; /* Arden Yellow */
  background-color: #002B4F; /* Arden Navy */
}
.sv-tiled-cop-yellow-rev:hover {
  background-color: rgba(0,43,79,.5); /* Arden Navy 50% */
}

.sv-tiled-cop-grey {
  color: #002B4F !important; /* Arden Navy */
  background-color: #3F4952; /* Arden Grey */
}
.sv-tiled-cop-grey:hover {
  background-color: rgba(63,73,82,.5); /* Arden Grey 50% */
}

.sv-tiled-cop-grey-rev {
  color: #3F4952 !important; /* Arden Grey */
  background-color: #002B4F; /* Arden Navy */
}
.sv-tiled-cop-grey-rev:hover {
  background-color: rgba(0,43,79,.5); /* Arden Navy 50% */
}

/**************************/
/* Old branded COP styles */
/**************************/

.sv-tiled-cop-royaljello {
  background-color: #831D81;
  color: #002B4F !important;
}
.sv-tiled-cop-royaljello:hover {
  background-color: rgba(131,29,129,.5);
}

.sv-tiled-cop-grape {
  background-color: #8A1435;
  color: #002B4F !important;
}
.sv-tiled-cop-grape:hover {
  background-color: rgba(138,20,53,.5);
}

.sv-tiled-cop-coral {
  background-color: #EF7A79;
  color: #002B4F !important;
}
.sv-tiled-cop-coral:hover {
  background-color: rgba(239,122,121,.5);
}

.sv-tiled-cop-forest {
  background-color: #006351;
  color: #002B4F !important;
}
.sv-tiled-cop-forest:hover {
  background-color: rgba(0,99,81,.5);
}

.sv-tiled-cop-neolime {
  background-color: #E0DD00;
  color: #002B4F !important;
}
.sv-tiled-cop-neolime:hover {
  background-color: rgba(224,221,0,.5);
}

.sv-tiled-cop-sunshine {
  background-color: #FCBF00;
  color: #002B4F !important;
}
.sv-tiled-cop-sunshine:hover {
  background-color: rgba(252,191,0,.5);
}

.sv-tiled-cop-tiffany {
  background-color: #65C1BE;
  color: #002B4F !important;
}
.sv-tiled-cop-tiffany:hover {
  background-color: rgba(101,193,190,.5);
}

.sv-tiled-cop-royaljello-rev {
  color: #831D81 !important;
  background-color: #002B4F;
}
.sv-tiled-cop-royaljello-rev:hover {
  background-color: rgba(0,43,79,.5);
}

.sv-tiled-cop-grape-rev {
  color: #8A1435 !important;
  background-color: #002B4F;
}
.sv-tiled-cop-grape-rev:hover {
  background-color: rgba(0,43,79,.5);
}

.sv-tiled-cop-coral-rev {
  color: #EF7A79 !important;
  background-color: #002B4F;
}
.sv-tiled-cop-coral-rev:hover {
  background-color: rgba(0,43,79,.5);
}

.sv-tiled-cop-forest-rev {
  color: #006351 !important;
  background-color: #002B4F;
}
.sv-tiled-cop-forest-rev:hover {
  background-color: rgba(0,43,79,.5);
}

.sv-tiled-cop-neolime-rev {
  color: #E0DD00 !important;
  background-color: #002B4F;
}
.sv-tiled-cop-neolime-rev:hover {
  background-color: rgba(0,43,79,.5);
}

.sv-tiled-cop-sunshine-rev {
  color: #FCBF00 !important;
  background-color: #002B4F;
}
.sv-tiled-cop-sunshine-rev:hover {
  background-color: rgba(0,43,79,.5);
}

.sv-tiled-cop-tiffany-rev {
  color: #65C1BE !important;
  background-color: #002B4F;
}
.sv-tiled-cop-tiffany-rev:hover {
  background-color: rgba(0,43,79,.5);
}

td:has(div.background-color-f1f1f1) {
  background-color: #f1f1f1;
}