/* Minification failed. Returning unminified contents.
(190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*Data forms*/
/* Screen Sizes */
/* Layout Sizes */
/*Tabs*/
/* 
* COLOURS
*/
/*APaicu - if needed for higher contrast 227E98*/
/* Register previous marks */
/* Login */
/* Menu */
/* Header */
/* Tables */
/* Accessible Highlighting*/
/*Borders*/
/* Shadows */
/* Font Sizes */
/* Bold Weight */
/* Menu maximum size */
/*Allow the sidebar to shrink if it can.  0 : no shrinking,  >0 : is some ratio of shrinking */
/* Text case */
/*Homepage Variables*/
/*Basket variables*/
/*Box shadow effect variable*/
/* Royal College of GP Demo */
/* College Colours */
/* ----- Fonts ----- */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
body, p, h1, h2, h3, h4, h5 {
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important; }

select,
input {
  font-size: 1rem !important; }

input {
  height: 30px !important; }

/* ----- Login ----- */
@media (min-wdith: 768px) {
  #login-panel {
    width: 25% !important; } }

#login-panel {
  min-width: 350px !important;
  box-shadow: 0 20px 40px -24px rgba(0, 0, 0, 0.7) !important;
  border-radius: 24px !important;
  background-color: #248F75 !important;
  background-image: url("../Content/images/Customer/RNZGP-dusty-bg.png"), url("../Content/images/Customer/RNZCGP-green-pattern-image.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: center, bottom center;
  background-size: cover, 100% auto;
  background-blend-mode: multiply, normal; }

#login-panel-body img {
  display: none; }

#login-panel-body {
  background-image: url("../Content/images/Customer/RNZCGP.svg");
  background-size: 300px auto;
  background-repeat: no-repeat;
  background-position: center 30px;
  padding-top: 100px !important; }

.login-input-text input {
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important;
  font-size: 1rem !important;
  color: #0F3D32 !important;
  font-weight: 400 !important; }

.login-input-text input::placeholder {
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important;
  font-size: 1rem !important;
  color: #248F75 !important;
  font-weight: 400 !important; }

.login-input-text .form-control-feedback {
  top: 37px !important; }

#logInButton {
  font-weight: 400 !important;
  color: #0F3D32 !important;
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

#logInButton:hover {
  opacity: .8 !important; }

#login-site-logo {
  display: none !important; }

/* ----- Header ----- */
.header-background {
  height: 65px !important; }

#page-title {
  font-family: "Source Serif 4", 'Open Sans', Arial, serif !important; }

.sfgNotificationBadge {
  background-color: #248F75 !important; }

.sfgNotificationBadge[data-notifCount]:before {
  background: #FFAA64 !important; }

#basket-icon {
  color: #248F75 !important; }

#basket-user-link-inner .mi-icon-custom[data-count]::after, .fa-stack[data-count]::after {
  background: #FFAA64 !important; }

#primaryNavMenu .CirclePhotoStandIn {
  background: #248F75 !important; }

.header-toggle.selected {
  background: #248F75 !important; }

/* ----- Secondary Menu ----- */
/* ----- Logged in Logo ----- */
#site-logo-container {
  width: 195px !important;
  /*must match width of image*/
  height: 64.8px !important;
  /*must match height of image + 18px (for padding) */
  background-color: #0F3D32 !important;
  margin-left: auto;
  margin-right: auto; }

#site-logo {
  content: url("../Content/images/Customer/RNZCGP.svg");
  width: 195px;
  /* match width of image */
  height: 46.8px;
  /* match height of image */ }

/* ----- Buttons ----- */
.btn-default {
  font-size: 1rem !important; }

.btn-default,
.btn-sm {
  background-color: #fff !important;
  color: #0F3D32 !important;
  border-color: #0F3D32 !important;
  font-weight: 600 !important;
  border-radius: 8px;
  border-style: solid !important;
  border-width: 1px !important;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.btn-default:hover
.btn-sm:hover {
  color: #248F75 !important; }

div.TabControlModel.Primary > div.tab-wrapper > ul.nav-tabs > li a {
  background-color: #0F3D32; }

/* ----- Breadcrumb ----- */
.mi-icon-breadcrumb,
.ttbreadcrumblabel {
  color: #fff !important;
  font-size: 1rem !important; }

ul.ttbreadcrumb > li > a {
  background-color: #248F75 !important;
  border: none !important;
  font-weight: 400 !important; }

ul.ttbreadcrumb > li > a:hover {
  background-color: #0F3D32 !important; }

/* ----- Accessibility fix ----- */
#skip-nav {
  background-color: #FD6300;
  color: #fff;
  padding: 0.375rem 0.75rem; }

/* ----- ILP ----- */
/* ----- Outage ----- */
.Outage div, .Outage span {
  background-color: red !important;
  color: #fff !important;
  font-size: 1.05em;
  font-weight: bold; }

:root {
  --light-button-primary-color: #248F75;
  --body-background-color: #f1f1f1; }

/*Data forms*/
/* Screen Sizes */
/* Layout Sizes */
/*Tabs*/
/* 
* COLOURS
*/
/*APaicu - if needed for higher contrast 227E98*/
/* Register previous marks */
/* Login */
/* Menu */
/* Header */
/* Tables */
/* Accessible Highlighting*/
/*Borders*/
/* Shadows */
/* Font Sizes */
/* Bold Weight */
/* Menu maximum size */
/*Allow the sidebar to shrink if it can.  0 : no shrinking,  >0 : is some ratio of shrinking */
/* Text case */
/*Homepage Variables*/
/*Basket variables*/
/*Box shadow effect variable*/
/* Royal College of GP Demo */
/* College Colours */
/* ----- Fonts ----- */
body, p, h1, h2, h3, h4, h5 {
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important; }

select,
input {
  font-size: 1rem !important; }

input {
  height: 30px !important; }

/* ----- Login ----- */
@media (min-wdith: 768px) {
  #login-panel {
    width: 25% !important; } }

#login-panel {
  min-width: 350px !important;
  box-shadow: 0 20px 40px -24px rgba(0, 0, 0, 0.7) !important;
  border-radius: 24px !important;
  background-color: #248F75 !important;
  background-image: url("../Content/images/Customer/RNZGP-dusty-bg.png"), url("../Content/images/Customer/RNZCGP-green-pattern-image.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: center, bottom center;
  background-size: cover, 100% auto;
  background-blend-mode: multiply, normal; }

#login-panel-body img {
  display: none; }

#login-panel-body {
  background-image: url("../Content/images/Customer/RNZCGP.svg");
  background-size: 300px auto;
  background-repeat: no-repeat;
  background-position: center 30px;
  padding-top: 100px !important; }

.login-input-text input {
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important;
  font-size: 1rem !important;
  color: #0F3D32 !important;
  font-weight: 400 !important; }

.login-input-text input::placeholder {
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important;
  font-size: 1rem !important;
  color: #248F75 !important;
  font-weight: 400 !important; }

.login-input-text .form-control-feedback {
  top: 37px !important; }

#logInButton {
  font-weight: 400 !important;
  color: #0F3D32 !important;
  font-family: "Source Sans 3", 'Open Sans', Arial, sans-serif !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

#logInButton:hover {
  opacity: .8 !important; }

#login-site-logo {
  display: none !important; }

/* ----- Header ----- */
.header-background {
  height: 65px !important; }

#page-title {
  font-family: "Source Serif 4", 'Open Sans', Arial, serif !important; }

.sfgNotificationBadge {
  background-color: #248F75 !important; }

.sfgNotificationBadge[data-notifCount]:before {
  background: #FFAA64 !important; }

#basket-icon {
  color: #248F75 !important; }

#basket-user-link-inner .mi-icon-custom[data-count]::after, .fa-stack[data-count]::after {
  background: #FFAA64 !important; }

#primaryNavMenu .CirclePhotoStandIn {
  background: #248F75 !important; }

.header-toggle.selected {
  background: #248F75 !important; }

/* ----- Secondary Menu ----- */
/* ----- Logged in Logo ----- */
#site-logo-container {
  width: 195px !important;
  /*must match width of image*/
  height: 64.8px !important;
  /*must match height of image + 18px (for padding) */
  background-color: #0F3D32 !important;
  margin-left: auto;
  margin-right: auto; }

#site-logo {
  content: url("../Content/images/Customer/RNZCGP.svg");
  width: 195px;
  /* match width of image */
  height: 46.8px;
  /* match height of image */ }

/* ----- Buttons ----- */
.btn-default {
  font-size: 1rem !important; }

.btn-default,
.btn-sm {
  background-color: #fff !important;
  color: #0F3D32 !important;
  border-color: #0F3D32 !important;
  font-weight: 600 !important;
  border-radius: 8px;
  border-style: solid !important;
  border-width: 1px !important;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.btn-default:hover
.btn-sm:hover {
  color: #248F75 !important; }

div.TabControlModel.Primary > div.tab-wrapper > ul.nav-tabs > li a {
  background-color: #0F3D32; }

/* ----- Breadcrumb ----- */
.mi-icon-breadcrumb,
.ttbreadcrumblabel {
  color: #fff !important;
  font-size: 1rem !important; }

ul.ttbreadcrumb > li > a {
  background-color: #248F75 !important;
  border: none !important;
  font-weight: 400 !important; }

ul.ttbreadcrumb > li > a:hover {
  background-color: #0F3D32 !important; }

/* ----- Accessibility fix ----- */
#skip-nav {
  background-color: #FD6300;
  color: #fff;
  padding: 0.375rem 0.75rem; }

/* ----- ILP ----- */
/* ----- Outage ----- */
.Outage div, .Outage span {
  background-color: red !important;
  color: #fff !important;
  font-size: 1.05em;
  font-weight: bold; }

:root {
  --light-button-primary-color: #248F75;
  --body-background-color: #f1f1f1; }

/* Mixins */
body {
  background-color: #0F3D32 !important; }

#login-background {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 750px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 15%;
  background-color: #0F3D32; }
  @media (min-width: 768px) {
    #login-background {
      background-image: url("../../Content/images/Customer/RNZCGPBackground.jpg");
      background-repeat: no-repeat;
      background-position: top left;
      background-size: cover; } }

@media (min-width: 768px) {
  #login-site-logo {
    position: absolute;
    right: 2.5%;
    bottom: 5%;
    width: 280px; } }

@media (max-width: 767px) {
  #login-site-logo {
    position: relative;
    top: 5%; } }

#ebs-logo {
  position: absolute;
  top: -50px;
  left: -12.5px; }

#login-panel {
  min-width: 280px;
  padding-bottom: 10px;
  background-color: #323941;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }
  @media (min-width: 768px) {
    #login-panel {
      position: absolute;
      top: 15%;
      right: 2.5%;
      width: 10%; } }
  @media (max-width: 767px) {
    #login-panel {
      position: relative;
      width: 80%;
      margin: 0 auto; } }

#login-panel-body {
  position: relative;
  top: 10%;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-left: 10%;
  padding-right: 10%;
  text-align: center; }

#logInButton, #dualAuthButton, #externalAuthButton {
  background-color: #248F75;
  display: block;
  color: white;
  border-color: transparent;
  position: relative;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  width: 100%;
  height: 10%;
  min-height: 40px;
  margin-top: 29px;
  font-size: 14px;
  font-weight: initial;
  border-radius: 0rem;
  border: -10px; }

.da-panel-btn {
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  float: left;
  position: absolute;
  padding-top: 0px; }

.da-panel-btn-ms {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' overflow='visible' xml:space='preserve'%3E%3Cg id='MS'%3E%3Cg%3E%3Cpath fill='%23F05423' d='M15.3,15.3H1.5V1.5h13.8V15.3z'/%3E%3Cpath fill='%2384C441' d='M30.5,15.3H16.7V1.5h13.8L30.5,15.3L30.5,15.3z'/%3E%3Cpath fill='%232DABE2' d='M15.3,30.5H1.5V16.7h13.8V30.5z'/%3E%3Cpath fill='%23F9BC15' d='M30.5,30.5H16.7V16.7h13.8L30.5,30.5L30.5,30.5z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

.da-panel-btn-gws {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='GWS' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' overflow='visible' xml:space='preserve'%3E%3Cg id='ICON'%3E%3Cg%3E%3Cpath fill='%2336A852' d='M25.6,26.6c-2.2,2.1-5.3,3.3-9.4,3.3c-5.3,0-10-3.1-12.3-7.7l4.6-3.6c1.1,3.4,4.1,5.8,7.7,5.8 c2,0,3.6-0.5,4.9-1.4L25.6,26.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23F9BC15' d='M8.1,16c0,0.9,0.1,1.8,0.4,2.7l-4.6,3.6c-1-1.9-1.5-4-1.5-6.3s0.5-4.4,1.5-6.3l4.6,3.6 C8.2,14.2,8.1,15.1,8.1,16z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23EA4535' d='M25.6,5.8l-3.9,3.9c-1.4-1.3-3.3-2.1-5.5-2.1c-3.6,0-6.6,2.4-7.7,5.8L3.9,9.7C6.2,5.2,10.9,2,16.2,2 C20,2,23.2,3.5,25.6,5.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23557EBF' d='M29.6,16c0,1-0.1,1.9-0.2,2.9c-0.5,3.1-1.7,5.8-3.8,7.8l-4.5-3.6c1.4-1,2.4-2.5,2.9-4.2h-7.6v-5.2h13.1 C29.6,14.4,29.6,15.2,29.6,16z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); }

.login-input-text {
  position: relative;
  padding-top: 29px; }
  .login-input-text input {
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-align: center; }
  .login-input-text ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #299dbd;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #299dbd;
    opacity: 1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #299dbd;
    opacity: 1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #299dbd;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text .placeholder {
    /* For placeholders created by the placeholder plugin on IE9 */
    color: #299dbd;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text .form-control-feedback {
    position: absolute;
    right: 10px;
    top: 43px;
    margin-top: 0px; }

.login-input-text .input-date .input-group {
  display: block; }

#login-agent-5-header {
  color: white;
  text-align: center;
  font-size: 20px;
  margin: 0 auto;
  padding-top: 50px; }

#login-desc {
  color: white;
  text-align: center;
  margin: 0 auto;
  padding-top: 10px; }

#login-panel-body .alert {
  margin-top: 10px;
  margin-bottom: 0px; }

#login-panel-body .alert li {
  list-style-type: none;
  list-style-position: inside;
  margin: 0px;
  padding: 0px; }

#login-panel-body .alert ul {
  padding: 0px; }

.login-link,
.login-link:focus,
.login-link:hover {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  text-align: center; }