/*============================================================================*\
| VUW Fonts
\*============================================================================*/
@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 400;
  src: url("./NationalWebLF-Regular.woff") format("woff"), url("./NationalWebLF-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 600;
  src: url("./NationalWebLF-Semibold.woff") format("woff"), url("./NationalWebLF-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 800;
  src: url("./NationalWebLF-Extrabold.woff") format("woff"), url("./NationalWebLF-Extrabold.ttf") format("truetype");
}

@font-face {
  font-family: "VicIcons";
  font-style: normal;
  font-weight: 400;
  src: url("./vicicons.woff") format("woff"), url("./vicicons.ttf") format("truetype");
}

@font-face {
  font-family: "inter";
  font-style: normal;
  font-weight: 400;
  src: url("./Inter-VariableFont_slnt_wght.ttf") format("ttf"), url("./Inter-VariableFont_slnt_wght.ttf") format("truetype");
}

/*============================================================================*\
| PowerApps Portal base styles
\*============================================================================*/
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* line 19, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
h1.underline, h4.underline {
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 21px; }

@media (max-width: 767px) {
  /* line 28, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .text_center-mobile {
    text-align: center; } }

/* line 34, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.btn-lg-home {
  padding: 20px 40px;
  font-size: 15px; }

/* line 39, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.btn-info-home {
  color: #fff;
  border-color: #fff;
  background: transparent; }
  /* line 44, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .btn-info-home:hover {
    color: #000;
    border-color: #000;
    background: #fff; }
  /* line 49, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .btn-info-home:active {
    color: #000;
    border-color: #000;
    background: #fff; }
  /* line 54, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .btn-info-home:focus {
    color: #000;
    border-color: #000;
    background: #fff; }

/* line 67, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.breadcrumb > li a, .breadcrumb > li a:hover {
  text-decoration: none;
  color: #666666; }

/* line 73, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.breadcrumb > .active {
  font-weight: bold; }

/* line 85, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: 0px;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  text-align: center; }

/* line 96, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover {
  background: none; }

/* line 103, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.pagination > li:last-child > a:hover,
.pagination > li:last-child > span:hover {
  background: none; }

/* line 112, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: transparent;
  border-color: transparent; }

/* line 122, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  border-color: transparent;
  border-radius: 50%; }

/* line 132, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top {
  border-width: 0; }

/* line 136, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top {
  border-width: 0;
  margin-bottom: 0; }

/* line 140, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-default {
  border-color: transparent; }

/* line 144, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.homelink, a.homelink:hover, a.homelink:focus {
  color: #fff;
  text-decoration: none; }

/* line 149, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.register-bar {
  clear: both; }

/* line 153, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top.navbar {
  min-height: 67px; }
  /* line 156, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-fixed-top.navbar .navbar-collapse {
    max-height: 510px;
    box-shadow: none;
    border-top: none;
    padding-top: 8px; }
  /* line 163, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-fixed-top.navbar .navbar-form {
    border: none;
    margin-left: 0;
    margin-right: 0; }
    /* line 168, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-fixed-top.navbar .navbar-form .form-control {
      font-size: 1em; }

/* line 175, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar .navbar-collapse {
  max-height: 510px;
  box-shadow: none;
  border-top: none; }

/* line 181, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar .navbar-form {
  border: none;
  margin-left: 0;
  margin-right: 0; }
  /* line 186, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-static-top.navbar .navbar-form .form-control {
    font-size: 1em; }

@media (min-width: 992px) {
  /* line 191, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .fix-navbar .register-bar {
    display: none; } }

/* line 197, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top.navbar > .container > .row > div {
  float: none !important;
  display: inline-block;
  vertical-align: bottom; }

/* line 202, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar > .container > .row > div {
  float: none !important;
  display: inline-block;
  vertical-align: middle; }

/* line 211, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: "inter", "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold; }

/* line 218, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  height: 21px;
  margin: 0 4px;
  margin-top: 14.5px;
  border-right: 1px solid #fff;
  border-left: 1px solid #666; }

/* line 230, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: "inter","Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold; }

/* line 237, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  height: 21px;
  margin: 0 4px;
  margin-top: 14.5px;
  border-right: 1px solid #fff;
  border-left: 1px solid #666; }

/* line 247, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top .navbar-brand {
  font-size: 2.11em;
  font-family: "inter","Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #232222;
  position: relative; }
  @media (max-width: 1200px) {
    /* line 247, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-fixed-top .navbar-brand {
      position: initial;
      height: 42px; } }

/* line 259, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top .navbar-header {
  padding-top: 8px; }

/* line 264, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top .navbar-brand {
  font-size: 2.11em;
  font-family: "inter","Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #232222;
  position: relative; }
  @media (max-width: 1200px) {
    /* line 264, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-static-top .navbar-brand {
      position: initial;
      height: 42px; } }

/* line 284, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-fixed-top.navbar-inverse {
  background-color: #232222;
  border-color: transparent; }
  /* line 288, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-fixed-top.navbar-inverse .navbar-brand {
    color: #fff; }
  /* line 291, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-fixed-top.navbar-inverse .divider-vertical {
    border-right-color: #fff;
    border-left-color: #111; }

/* line 296, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar-inverse {
  background-color: #FFF;
  border-bottom: 6px solid #0D4C38; }
  /* line 300, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-static-top.navbar-inverse .navbar-brand {
    color: #fff; }
  /* line 304, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-static-top.navbar-inverse .divider-vertical {
    border-right-color: #fff;
    border-left-color: #111; }

/* line 311, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-inverse .navbar-nav > li > a {
  color: #fff; }
  /* line 314, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #666666;
    border-bottom: 4px solid #2F5FEF;
    padding-bottom: 10px; }
  /* line 320, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
    outline: 1px dashed #FFFFFF; }

@media (max-width: 1199px) {
  /* line 331, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #666666;
    border-bottom: 4px solid #2F5FEF;
    padding-bottom: 6px; } }

/* line 342, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.menu-bar .shopping_link {
  position: relative; }
  /* line 345, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .menu-bar .shopping_link .cart_amount {
    border-radius: 100%;
    height: 17px;
    width: 17px;
    position: absolute;
    bottom: 6px;
    right: -6px;
    background-color: #2f5fef;
    text-align: -webkit-center;
    line-height: 17px;
    font-size: 9px;
    padding-left: 1.9px;
    color: #fff; }
    /* line 359, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .menu-bar .shopping_link .cart_amount:hover {
      color: #fff; }

@media (max-width: 1199px) {
  /* line 367, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-fixed-top .navbar-collapse .nav > .divider-vertical {
    display: none; } }

@media (max-width: 1199px) {
  /* line 372, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-static-top .navbar-collapse .nav > .divider-vertical {
    display: none; } }

@media (max-width: 767px) {
  /* line 377, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-fixed-top.navbar > .container > .row > div {
    display: block; }
  /* line 381, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-header {
    position: relative; } }

@media (max-width: 767px) {
  /* line 386, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  /* .navbar-static-top.navbar > .container > .row > div {
    display: block; } */
  /* line 390, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-header {
    position: relative; } }

/* line 397, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.panel {
  -webkit-box-shadow: 0 0px 0px transparent;
  box-shadow: 0 0px 0px transparent; }

/* line 404, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.panel-group {
  margin-bottom: 21px; }
  /* line 407, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .panel-group.border-bottom {
    border-bottom: 1px solid #bcbcbc;
    padding-bottom: 84px; }
  /* line 412, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .panel-group .panel {
    border-radius: 0px;
    border: none;
    box-shadow: none; }
    /* line 417, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .panel-group .panel + .panel {
      margin-top: 5px; }
  /* line 422, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .panel-group .panel-heading {
    border-bottom: 0; }
    /* line 426, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .panel-group .panel-heading .panel-title a {
      text-decoration: none; }
      /* line 429, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .panel-group .panel-heading .panel-title a:hover {
        color: #2f5fef; }
      /* line 433, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .panel-group .panel-heading .panel-title a:before {
        content: ' ';
        background-repeat: no-repeat;
        display: inline-block;
        width: 22px;
        height: 12px;
        background-position: -92px -5px;
        margin-right: 10.5px; }
      /* line 444, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .panel-group .panel-heading .panel-title a.collapsed:before {
        background-position: -5px -126px; }
    /* line 452, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: none; }
  /* line 457, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .panel-group .panel-footer {
    border-top: 0; }
    /* line 460, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: none; }
  /* line 465, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .panel-group .panel-default {
    border-color: none; }
    /* line 6, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */
    .panel-group .panel-default > .panel-heading {
      color: #333333;
      background-color: transparent;
      border-color: none; }
      /* line 11, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */
      .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: none; }
      /* line 14, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */
      .panel-group .panel-default > .panel-heading .badge {
        color: transparent;
        background-color: #333333; }
    /* line 20, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */
    .panel-group .panel-default > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: none; }

/* line 473, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
body {
  padding-top: 0px; }
  @media (max-width: 767px) {
    /* line 473, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    body {
      padding-top: 0px; } }

/* line 482, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.layer_down {
  height: 50px;
  background: url("layer_down.png") no-repeat bottom center;
  position: absolute;
  bottom: 0;
  z-index: 900;
  width: 100%; }

/* line 491, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.layer_up {
  height: 40px;
  background: url("layer_up.png") no-repeat bottom center;
  position: relative;
  z-index: 20; }

/* line 498, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-margin {
  margin: 21px 0; }

/* line 502, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.color-inverse {
  color: #fff; }
  /* line 505, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .color-inverse h1, .color-inverse h2, .color-inverse h3 {
    color: #fff; }

/* line 513, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-inline-search {
  background: url("helpdesk.png") no-repeat;
  background-size: cover; }
  /* line 518, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .section-inline-search .row > div {
    margin-top: 100px; }
    /* line 521, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-inline-search .row > div h1 {
      color: #fff; }
      @media screen and (max-width: 600px) {
        /* line 521, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
        .section-inline-search .row > div h1 {
          font-size: 16vw; } }
    /* line 531, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-inline-search .row > div .form-inline .form-group .input-group {
      margin-right: 21px; }
      /* line 534, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .section-inline-search .row > div .form-inline .form-group .input-group .input-group-addon {
        background-color: #fff;
        border-right: none; }
      /* line 539, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .section-inline-search .row > div .form-inline .form-group .input-group .form-control {
        height: 60px;
        border-left: none;
        box-shadow: none; }
        /* line 544, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
        .section-inline-search .row > div .form-inline .form-group .input-group .form-control:focus {
          box-shadow: none;
          border-right: none;
          border-color: #ccc; }

/* line 557, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  -moz-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out; }

/* line 567, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.wrapper .contained {
  position: relative;
  height: 400px;
  padding-bottom: 56.25%; }

/* line 573, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.wrapper .contained > svg {
  margin-top: -100px;
  position: absolute;
  display: block; }

/* line 579, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.contained .row {
  margin-top: 80px; }

/* line 583, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
footer {
  position: relative;

  color: #FFF; }
  /* line 587, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  footer .footer-top {
    width: 100%;
    min-height: 130px;
    background-color: #232222;
    display: flex;
    align-items: center; }
    /* line 594, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    footer .footer-top h3, footer .footer-top h4 {
      color: #fff; }
    /* line 598, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    footer .footer-top .list-social-links {
      margin-top: 25px;
      margin-bottom: 12.5px; }
    @media screen and (max-width: 991px) {
      /* line 605, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      footer .footer-top h3,
      footer .footer-top .list-social-links {
        text-align: center; } }
  /* line 611, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  footer .footer-bottom {
    width: 100%;
    min-height: 36px;
    background-color: #0D4C38;
    font-size: 12px;
    display: flex;
    align-items: center; }
    /* line 619, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    footer .footer-bottom p {
      margin: 0; }
    /* line 623, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    footer .footer-bottom h4 {
      margin-top: 0;
      color: #fff; }
    /* line 628, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    footer .footer-bottom ul {
      list-style-type: none;
      margin: 0; }
      /* line 638, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      footer .footer-bottom ul li a,
      footer .footer-bottom ul li a:hover,
      footer .footer-bottom ul li a:focus,
      footer .footer-bottom ul li a:active,
      footer .footer-bottom ul li a.active {
        font-size: 15px;
        color: #fff; }

/* line 648, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.list-social-links {
  list-style-type: none;
  padding-left: 0; }
  /* line 652, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .list-social-links li {
    display: inline-block;
    margin: 0 10px; }
    /* line 661, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .list-social-links li a,
    .list-social-links li a:hover,
    .list-social-links li a:focus,
    .list-social-links li a:active,
    .list-social-links li a.active {
      color: #fff; }

@media screen and (max-width: 993px) {
  /* line 669, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .section-landing h1 {
    font-size: 65px; }
  /* line 673, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .section-landing h2 {
    letter-spacing: normal;
    margin-left: -3px; } }

/* line 679, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.user-icon {
  width: 16px;
  height: 16px;
  background-image: url("register_icon.png");
  display: inline-block;
  margin-right: 7px; }

/* line 687, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.article-title-container {
  border-top: solid 1px #bcbcbc;
  border-bottom: solid 1px #bcbcbc;
  padding-left: 15px;
  padding-top: 28px;
  padding-bottom: 28px; }

/* line 695, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.article-title {
  margin-left: -35px; }
  /* line 698, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .article-title > span {
    margin-left: 3px; }
    /* line 701, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .article-title > span .article-author {
      font-weight: bold;
      color: #2f5fef; }

/* line 708, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.article-content {
  margin-top: 15px; }
  /* line 711, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .article-content > p {
    text-align: justify; }

@media screen and (max-width: 993px) {
  /* line 717, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .article-title {
    margin-left: 0;
    text-align: center; }
  /* line 722, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .article-author {
    text-align: center; } }

/* line 728, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-search .header-search {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  background-color: #eeeeee; }
  /* line 734, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .section-search .header-search img {
    max-width: 350px; }
  @media screen and (max-width: 600px) {
    /* line 738, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-search .header-search h1 {
      font-size: 13vw; } }

/* line 745, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-search .title-search {
  font-size: 26px;
  font-weight: bold; }

/* line 750, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-search input {
  border-style: none;
  padding-left: 10px;
  height: 60px; }

/* line 758, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-search .media .media-left > img {
  max-width: 240px; }

/* line 763, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.section-search .media .media-body {
  padding-left: 20px; }
  /* line 766, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .section-search .media .media-body > a {
    text-decoration: none;
    font-weight: bold; }
  /* line 771, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .section-search .media .media-body .media-heading {
    margin-top: 5px;
    margin-bottom: 20px; }

/* line 780, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.cards-container {
  margin-top: 84px;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 991px) {
    /* line 780, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .cards-container {
      flex-direction: column; } }

/* line 795, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.carousel-custom .carousel-inner > .item {
  margin-right: auto;
  margin-left: auto; }
  /* line 799, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .carousel-custom .carousel-inner > .item .carousel-caption {
    display: flex;
    align-items: center;
    top: 5%;
    left: 5%;
    right: 5%; }
    @media screen and (min-width: 768px) {
      /* line 799, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .carousel-custom .carousel-inner > .item .carousel-caption {
        left: 5%;
        right: 5%; } }

/* line 815, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.carousel-custom .carousel-indicators li {
  border-color: #232222; }

/* line 824, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.table.table-forms td {
  padding: 15px 8px; }

/* line 830, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.table.table-forms tbody tr:first-child td {
  border-top: none; }

/* line 839, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.poll {
  background-color: #eeeeee;
  border-top: 7px solid #0b80d0;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
  /* line 846, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .poll .poll-header {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #bcbcbc;
    padding-bottom: 5px; }
    /* line 856, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .poll .poll-header h4 {
      font-weight: bold;
      display: inline-block; }
  /* line 862, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .poll .poll-content {
    padding-top: 25px; }
    /* line 865, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .poll .poll-content p {
      font-size: 14px; }
    /* line 869, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .poll .poll-content form {
      border-bottom: 1px solid #bcbcbc;
      padding-bottom: 10px; }
    /* line 874, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .poll .poll-content .poll-buttons {
      padding-top: 20px;
      padding-left: 11px; }
      /* line 878, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .poll .poll-content .poll-buttons .btn {
        padding: 4px 14px;
        font-size: 14px; }
      /* line 883, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
      .poll .poll-content .poll-buttons .btn-default {
        color: #000;
        border-color: #000; }
        /* line 887, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
        .poll .poll-content .poll-buttons .btn-default:hover {
          color: #000;
          border-color: #000; }
  /* line 895, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .poll .poll-tags {
    padding-top: 10px; }
    /* line 898, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .poll .poll-tags h4 {
      border-bottom: 1px solid #bcbcbc;
      padding-bottom: 10px; }
    /* line 903, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .poll .poll-tags .tag {
      display: inline-block;
      background-color: #e1e1e1;
      color: #232222;
      padding: 5px 14px;
      margin: 5px 0px;
      text-transform: uppercase;
      font-size: 13px; }

/* line 915, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.nav-sidebar {
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px; }
  /* line 922, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav > li > a {
    padding: 4px 20px;
    color: #2f5fef;
    border-right: 2px solid #eeeeee; }
    /* line 928, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .nav-sidebar .nav > li > a:hover,
    .nav-sidebar .nav > li > a:focus {
      color: #232222;
      text-decoration: none;
      background-color: transparent;
      border-right: 2px solid #555555; }
    /* line 935, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .nav-sidebar .nav > li > a:before {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e250";
      margin-right: 7px; }
  /* line 952, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav > .active > a {
    color: #232222;
    text-decoration: none;
    background-color: transparent;
    border-right: 2px solid #555555;
    font-weight: bold; }
    /* line 959, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .nav-sidebar .nav > .active > a:before {
      content: "\e252"; }
  /* line 966, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav > .active:hover > a,
  .nav-sidebar .nav > .activefocus > a {
    font-weight: bold; }
  /* line 972, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav > .active > ul.nav {
    display: block; }
  /* line 979, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav ul.nav {
    display: none; }
  /* line 986, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav .nav > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px; }
  /* line 996, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav .nav > .active,
  .nav-sidebar .nav .nav > .active:hover,
  .nav-sidebar .nav .nav > .active:focus {
    font-weight: bold; }
  /* line 1003, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav .nav .nav > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 60px; }
    /* line 1008, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .nav-sidebar .nav .nav .nav > li > a:before {
      content: ""; }
  /* line 1017, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .nav-sidebar .nav .nav .nav > .active,
  .nav-sidebar .nav .nav .nav > .active:hover,
  .nav-sidebar .nav .nav .nav > .active:focus {
    font-weight: bold; }

/* line 1028, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
#navbar .dropdown-menu {
  margin-top: 8px; }

/* line 1032, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
#navbar .dropdown-search {
  padding-top: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 9px; }
  /* line 1039, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  #navbar .dropdown-search #q {
    min-width: 200px; }
  /* line 1043, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  #navbar .dropdown-search #q_id {
    min-width: 200px; }
  @media (max-width: 1199px) {
    /* line 1048, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    #navbar .dropdown-search .input-group-btn {
      vertical-align: top; }
    /* line 1051, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    #navbar .dropdown-search #search-filter {
      width: 100%;
      text-align: left;
      padding-left: 25px; }
    /* line 1056, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    #navbar .dropdown-search.dropdown-menu > li:hover, #navbar .dropdown-search .dropdown-menu > li:hover {
      color: white;
      background-color: transparent; } }

/* line 1064, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.tabs-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px; }

/* line 1077, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.help-block.error,
label.control-label.required:before,
.crmEntityFormView .cell div.info.required label:after,
.crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .validator-text,
.crmEntityFormView .rank-order-cell .validator-text,
.crmEntityFormView .constant-sum-cell .validator-text,
.crmEntityFormView .stack-rank-cell .validator-text {
  color: #a94442; }

@media screen and (-ms-high-contrast: active) {
  /* line 1082, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888; }
  /* line 1086, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff; } }

/* line 13, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.no-lr-margins {
  margin-left: 0;
  margin-right: 0; }

/* line 20, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.btn-default-black {
  color: black;
  border-color: black; }
  /* line 24, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .btn-default-black:hover {
    color: black;
    border-color: black;
    background: #2f5fef; }

/* line 33, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.blue_border {
  padding-bottom: 10px;
  border-bottom: 7px solid #0b80d0; }

/* line 38, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.page_section {
  position: relative;
  background-size: cover;
  color: #000; }
  /* line 43, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section .row {
    padding-top: 25px;
    padding-bottom: 100px; }
  /* line 48, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section .row.sidebar-home {
    padding-bottom: 0; }
  /* line 52, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section h1 {
    font-size: 71px; }
  /* line 56, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section h2 {
    color: #666666;
    font-size: 40px; }
  /* line 61, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section h3 {
    font-size: 66px;
    font-family: "inter", "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* line 66, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section p {
    border-top: solid #666666 1px;
    padding-top: 5px; }
  /* line 71, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section .btn {
    margin-top: 50px; }
  /* line 75, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section .form-search .btn {
    margin-top: 0; }
  /* line 81, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .page_section .section-landing-heading p,
  .page_section .section-landing-sub-heading p {
    border-top: 0; }

/* line 88, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.form-search .btn {
  border: 1px solid #ccc; }

/* line 91, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.form-search .btn-default:hover {
  border-color: #ccc; }

/* line 95, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.form-search .dropdown-submenu {
  right: -2px; }

/* line 99, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.form-search .dropdown-menu {
  margin-top: 0px; }

/* line 104, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.dropdown-search.dropdown-menu > li:hover {
  background-color: transparent; }

/* line 108, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
#navbar .form-search .dropdown-menu {
  margin-top: 0px; }

/* line 112, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-diagonal-left {
  -webkit-transform: skew(0deg, -1.3deg);
  -ms-transform: skew(0deg, -1.3deg);
  transform: skew(0deg, -1.3deg);
  overflow: hidden;
  margin-top: -60px;
  margin-bottom: -20px; }
  /* line 120, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .section-diagonal-left .section-diagonal-left-content {
    -webkit-transform: skew(0deg, 1.3deg);
    -ms-transform: skew(0deg, 1.3deg);
    transform: skew(0deg, 1.3deg);
    background: url("homethumbnail2.jpg") no-repeat 0 20%;
    background-size: cover;
    margin-top: -70px; }
    /* line 128, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .section-diagonal-left .section-diagonal-left-content:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .2;
      z-index: -1;
      background-color: #fff; }

/* line 142, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-diagonal-right {
  -webkit-transform: skew(0deg, 1.3deg);
  -ms-transform: skew(0deg, 1.3deg);
  transform: skew(0deg, 1.3deg);
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: -20px; }
  /* line 150, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .section-diagonal-right.home-section {
    margin-top: -60px; }
  /* line 154, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .section-diagonal-right .section-diagonal-right-content {
    -webkit-transform: skew(0deg, -1.3deg);
    -ms-transform: skew(0deg, -1.3deg);
    transform: skew(0deg, -1.3deg);
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("homethumbnail4.jpg") no-repeat;
    background-size: cover;
    margin-top: -70px; }
    /* line 162, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .section-diagonal-right .section-diagonal-right-content:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .8;
      z-index: -1;
      background-color: #2f5fef; }

/* line 178, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-diagonal-left .row,
.section-diagonal-right .row {
  padding-top: 125px; }

/* line 182, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-diagonal-left .col-md-5,
.section-diagonal-right .col-md-5 {
  float: none;
  margin: 0 auto; }

/* line 187, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-diagonal-left p,
.section-diagonal-right p {
  border-top: none; }

/* line 193, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-landing {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("homehero.jpg") no-repeat center;
  background-size: cover; }
  /* line 198, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .section-landing .row > div {
    margin-top: 80px; }
    /* line 201, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .section-landing .row > div .section-landing-heading {
      font-size: 8rem;
      color: #fff;
      text-transform: uppercase; }
      @media screen and (max-width: 600px) {
        /* line 201, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
        .section-landing .row > div .section-landing-heading {
          font-size: 16vw; } }
    /* line 211, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .section-landing .row > div .section-landing-sub-heading {
      margin-top: 0;
      margin-bottom: 50px;
      font-size: 4.3rem;
      color: #fff;
      letter-spacing: 19px;
      text-transform: uppercase; }
      @media screen and (max-width: 600px) {
        /* line 211, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
        .section-landing .row > div .section-landing-sub-heading {
          font-size: 4vw; } }

/* line 227, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-sub-landing {
  background: linear-gradient(rgba(0, 0, 0, 0.5), #07aaf6), url("homethumbnail1.jpg") no-repeat center;
  background-size: cover; }

/* line 232, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-default {
  background: url("homethumbnail3.jpg") no-repeat center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    /* line 237, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .section-default:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ } }
  /* line 252, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .section-default .row {
    padding-bottom: 150px; }

/* line 259, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-knowledge {
  margin-bottom: 40px; }

/* line 264, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .btn {
  margin-top: 0; }

/* line 268, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .panel {
  background-color: transparent;
  border: 0;
  box-shadow: none; }
  /* line 273, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .content-home .panel p {
    border: 0; }

/* line 278, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .panel-heading {
  display: none; }

/* line 282, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .list-group-item {
  padding: 20px 0;
  font-size: 20px;
  background-color: transparent;
  border: 0;
  border-top: 1px solid #ddd; }
  /* line 289, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .content-home .list-group-item img {
    margin-right: 25px; }

/* line 295, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home a.list-group-item,
.content-home .list-group-item a.title {
  color: #232222; }
  /* line 299, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .content-home a.list-group-item:hover,
  .content-home a.list-group-item:focus,
  .content-home .list-group-item a.title:hover,
  .content-home .list-group-item a.title:focus {
    color: #232222;
    text-decoration: underline;
    background-color: transparent; }

/* line 307, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .title,
.content-home .description {
  display: block; }

/* line 311, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .title {
  font-size: 24px;
  font-family: "inter","Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* line 316, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.content-home .description {
  display: block;
  font-size: 14px; }

/* line 322, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.sidebar-home {
  background-color: #eeeeee;
  border-top: 7px solid #0b80d0;
  margin-top: 36px;
  position: relative; }
  /* line 328, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .sidebar-home h3 {
    font-size: 18px; }
  /* line 332, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .sidebar-home .panel {
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  /* line 338, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .sidebar-home .panel-heading {
    padding-left: 0;
    background-color: transparent;
    border: 0; }
  /* line 344, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .sidebar-home .panel-title {
    font-size: 14px;
    color: #2f5fef;
    font-family: "inter", "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* line 350, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
  .sidebar-home .list-group-item {
    padding-left: 0;
    font-size: 14px;
    background-color: transparent;
    border: 0; }
    /* line 357, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .sidebar-home .list-group-item:hover,
    .sidebar-home .list-group-item:focus {
      text-decoration: underline;
      background-color: transparent; }
    /* line 362, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
    .sidebar-home .list-group-item .date {
      visibility: hidden; }

/* line 368, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-landing-search {
  min-height: 250px;
  background: url(searchhero.jpg) no-repeat 0 25%;
  background-size: cover; }

/* line 374, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-landing-forums {
  min-height: 250px;
  background: url(forumhero.jpg) no-repeat center;
  background-size: cover; }

/* line 380, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.table.forums th:first-child, .table.forums tr td:first-child {
  padding-left: 0px; }

/* line 390, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-knowledge .list-group a.list-group-item {
  color: #2f5fef; }

/* line 393, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.section-knowledge .panel-title {
  color: #000; }

/* line 398, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.page_section.section-landing .row {
  padding-bottom: 60px; }

/* line 401, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.page_section.section-landing .row > div {
  margin-top: 0px; }

/* line 404, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.list-group-item p {
  margin-bottom: 0px; }

/* line 408, G:/Agents/BA9281/_wap/2/s/Resources/Theme/ElectricBlueDesign/customer/theme.scss */
.page_section.section-sub-landing .row .btn-lg-home p {
  border-top: none; }

/*============================================================================*\
| VUW Specific Styling
\*============================================================================*/

/*============================================================================*\
| ICONS
\*============================================================================*/
/*= INITIALISATIONS ==========================================================*/
[class^=icon-] {
  font-size: 100%;
  font-style: normal;
}

[class^=icon-]::before {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0.5em 0 0;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

a [class^=icon-]::before {
  text-decoration: underline;
}

a [class^=icon-]::before {
  text-decoration: none;
}

.icon-search::before {
  content: "";
}

.icon-mail::before {
  content: "";
}

.icon-heart::before {
  content: "";
}

.icon-check::before {
  content: "";
}

.icon-star::before {
  content: "";
}

.icon-help::before {
  content: "";
}

.icon-people::before {
  content: "";
}

.icon-user::before {
  content: "";
}

.icon-info::before {
  content: "";
}

.icon-home::before {
  content: "";
}

.icon-back::before {
  content: "";
}

.icon-pictures::before {
  content: "";
}

.icon-popup::before {
  content: "";
}

.icon-clock::before {
  content: "";
}

.icon-tag::before {
  content: "";
}

.icon-book::before {
  content: "";
}

.icon-book-open::before {
  content: "";
}

.icon-pin::before {
  content: "";
}

.icon-vcard::before {
  content: "";
}

.icon-chat::before {
  content: "";
}

.icon-flag::before {
  content: "";
}

.icon-external::before {
  content: "";
}

.icon-printer::before {
  content: "";
}

.icon-camera::before {
  content: "";
}

.icon-lock::before {
  content: "";
}

.icon-lock-open::before {
  content: "";
}

.icon-phone::before {
  content: "";
}

.icon-attention::before {
  content: "";
}

.icon-resize-up::before {
  content: "";
}

.icon-resize-down::before {
  content: "";
}

.icon-mic::before {
  content: "";
}

.icon-cog::before {
  content: "";
}

.icon-share::before {
  content: "";
}

.icon-basket::before {
  content: "";
}

.icon-comment::before {
  content: "";
}

.icon-caret-down-thin::before {
  content: "";
}

.icon-caret-left-thin::before {
  content: "";
}

.icon-caret-right-thin::before {
  content: "";
}

.icon-caret-up-thin::before {
  content: "";
}

.icon-caret-down::before {
  content: "";
}

.icon-caret-left::before {
  content: "";
}

.icon-caret-right::before {
  content: "";
}

.icon-caret-up::before {
  content: "";
}

.icon-triangle-down::before {
  content: "";
}

.icon-triangle-left::before {
  content: "";
}

.icon-triangle-right::before {
  content: "";
}

.icon-triangle-up::before {
  content: "";
}

.icon-refresh::before {
  content: "";
}

.icon-graduation-cap::before {
  content: "";
}

.icon-ticket::before {
  content: "";
}

.icon-megaphone::before {
  content: "";
}

.icon-calendar::before {
  content: "";
}

.icon-globe::before {
  content: "";
}

.icon-dots::before {
  content: "";
}

.icon-arrow-down::before {
  content: "";
}

.icon-arrow-left::before {
  content: "";
}

.icon-layout::before {
  content: "";
}

.icon-attach::before {
  content: "";
}

.icon-menu::before {
  content: "";
}

.icon-arrow-right::before {
  content: "";
}

.icon-arrow-up::before {
  content: "";
}

.icon-edit::before {
  content: "";
}

.icon-download::before {
  content: "";
}

.icon-audio::before {
  content: "";
}

.icon-quote-down::before {
  content: "";
}

.icon-quote-up::before {
  content: "";
}

.icon-list::before {
  content: "";
}

.icon-money::before {
  content: "";
}

.icon-plane::before {
  content: "";
}

.icon-creditcard::before {
  content: "";
}

.icon-cross::before {
  content: "";
}

/*= ICONS WITH UNUSUAL STYLING ============================================== */
.icon-arrow-right::before {
  margin-right: 0;
  margin-left: 0.5em;
}

/*= CUSTOM-BUILT ICONS ====================================================== */
.small-icon::before, .small-icon::after {
  font-size: 65%;
}

.hanging-icon {
  float: left;
}

.social-icon img {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.3125rem;
}

.play-button,
.icon-square-play {
  height: 2.5em;
  width: 4em;
  position: relative;
  margin-top: 0.75rem;
  background-color: #FFF;
  border-radius: 0.75em;
  text-align: center;
}

.play-button::after,
.icon-square-play::after {
  position: relative;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #0D4C38;
  border-width: 0.6em 0 0.6em 1.32em;
  margin: .65em auto 0;
}

.play-button.play-button--green,
.icon-square-play.play-button--green {
  background-color: #0D4C38;
}

.play-button.play-button--green:after,
.icon-square-play.play-button--green:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #FFF;
  border-width: 0.6em 0 0.6em 1.32em;
}

/*===== ALIASES ============================================================= */
/* .link-external::after {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0 0 0.5em;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

.link-external::after {
  content: "";
}

.link-external::after {
  margin-left: 0.3125em;
}

.link-external::after {
  text-decoration: underline;
}

.link-external::after {
  text-decoration: none;
}

.link-restricted::after {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0 0 0.5em;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

.link-restricted::after {
  content: "";
}

.link-restricted::after {
  margin-left: 0.3125em;
  vertical-align: 7.5%;
  text-decoration: none !important;
}

.link-restricted::after {
  text-decoration: underline;
}

.link-restricted::after {
  text-decoration: none;
}

.link-download::before {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0.5em 0 0;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

.link-download::before {
  content: "";
}

.link-download::before {
  font-size: 92.5%;
}

.link-download::before {
  text-decoration: underline;
}

.link-download::before {
  text-decoration: none;
}

.link-more::after {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0 0 0.5em;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

.link-more::after {
  content: "";
}

.link-more::after {
  margin-right: 0;
  margin-left: 0.3125em;
  font-size: 107.5%;
}

.link-more::after {
  text-decoration: underline;
}

.link-more::after {
  text-decoration: none;
}

.link-audio::before {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0.5em 0 0;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

.link-audio::before {
  content: "";
}

.link-audio::before {
  text-decoration: underline;
}

.link-audio::before {
  text-decoration: none;
} */


/*============================================================================*\
| General
\*============================================================================*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
    ========================================================================== */
/**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
    ========================================================================== */
/**
  * Remove the margin in all browsers.
  */
body {
  margin: 0;
}

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
h1 {
  margin: .67em 0;
  font-size: 2em;
}

/* Grouping content
    ========================================================================== */
/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
hr {
  overflow: visible;
  /* 2 */
  height: 0;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
    ========================================================================== */
/**
  * Remove the gray background on active links in IE 10.
  */
a {
  background-color: transparent;
}

/**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
b,
strong {
  font-weight: bolder;
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 80%;
}

/**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
    ========================================================================== */
/**
  * Remove the border on images inside links in IE 10.
  */
img {
  border-style: none;
}


html {
  height: 100%;
}

@media (max-width: 29.99em) {
  html {
    font-size: 85%;
  }
}

@media (min-width: 30em) and (max-width: 42.99em) {
  html {
    font-size: 90%;
  }
}

@media (min-width: 43em) and (max-width: 60.99em) {
  html {
    font-size: 92.5%;
  }
}

@media (min-width: 61em) and (max-width: 87.99em) {
  html {
    font-size: 100%;
  }
}

@media (min-width: 88em) {
  html {
    font-size: 100%;
  }
}

html body {
  display: -webkit-box;
  display: flex;
  min-height: 100%;
  background-color: #cccccc0d;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

html body > footer {
  overflow: hidden;
}

body {
  font-family: "inter", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  line-height: 1.6;
  color: #424242;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 61em) {
  body {
    text-rendering: optimizeLegibility;
  }
}

h1 {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "inter","National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  font-weight: 600;
  color: #0D4C38;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

h1 {
  font-size: 2.70271rem;
}

h2 {
  font-size: 2.21533rem;
}

h3 {
  font-size: 1.81585rem;
}

h4 {
  font-size: 1.4884rem;
}

h5 {
  font-size: 1.22rem;
}

h6 {
  font-size: 1rem;
}

p {
  line-height: 1.6;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

/** Prevent zoom on input (see: stackoverflow.com/a/16255670/1081234) */
/* stylelint-disable */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 100%;
    resize: vertical; 
    max-height: 200px;
  }
}

/*= GENERIC =======================================*/
/*============================================================================*\
| ELEMENTS OF FORMS AND INPUTS
\*============================================================================*/
/*============================================================================*\
| LAYOUT ELEMENTS
\*============================================================================*/
/*============================================================================*\
| TYPOGRAPHY OF ELEMENTS
\*============================================================================*/
h1 {
  font-weight: 800;
}

dl dt {
  font-weight: 700;
}

time {
  color: #8B8B8B;
}

a {
  cursor: pointer;
  /*color: #005EA5;*/
  color: #0D4C38;
  font-weight: bold;
  text-decoration: none;
}

a > span::before, a > span::after {
  text-decoration: none;
}

hr {
  clear: both;
  border: 0;
  border-bottom: 0.0625rem solid #DDD;
}

/*============================================================================*\
| MEDIA ELEMENTS
\*============================================================================*/
/*= IMAGERY ==================================================================*/
img {
  vertical-align: middle;
}

a > img:hover, a > img:active, a > img:focus {
  opacity: 0.9;
}

figure:hover img, figure:active img, figure:focus img {
  -webkit-filter: none;
          filter: none;
}

figure img {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

/*= SPECIAL LINKS ============================================================*/
a.link-more {
  color: #005EA5;
  text-decoration: underline;
  float: right;
  -webkit-box-ordinal-group: 100;
          order: 99;
}

a.link-more:hover, a.link-more:active, a.link-more:focus {
  color: #2E8ACA;
  text-decoration: none;
}

/*= TYPOGRAPHICAL UTILITIES ==================================================*/
.break {
  overflow: hidden;
  visibility: hidden;
  display: block;
  width: 100%;
}


/*============================================================================*\
| BUTTONS
\*============================================================================*/
button,
.button,
.btn {
  display: inline-block;
  padding: 0.3125em 0.75em;
  font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  font-weight: 600;
  line-height: 1.6;
  border-radius: 0.125rem;
  cursor: pointer;
  border: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out;
  color: #424242;
  background-color: #DDD;
}

.tablinks:hover, .tablinks:active, .tablinks:focus
 {
  color: #424242;
  background: #CCC;
}
.btn:hover, .btn:active, .btn:focus
 {
  color: #424242;
  background: #CCC;
}
button:hover, button:active, button:focus,
.button:hover, .button:active, .button:focus,
.btn:hover, .btn:active, .btn:focus
 {
  color: #424242;
  background: #CCC;
}

button.flat,
.button.flat,
.btn.flat {
  color: #005EA5;
  text-decoration: underline;
  background-color: transparent;
}

button.flat:hover, button.flat:active, button.flat:focus,
.button.flat:hover, .button.flat:active, .button.flat:focus,
.btn.flat:hover, .btn.flat:active, .btn.flat:focus {
  color: #2E8ACA;
  text-decoration: none;
}

button.primary,
.button.primary,
.btn-primary {
  background-color: #0D4C38;
  color: #FFF;
}

button.primary:hover, button.primary:active, button.primary:focus,
.button.primary:hover, .button.primary:active, .button.primary:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #0D4C38;
  background: #FFF;
  border: 1px solid #0D4C38;
}

button.flat-border,
.button.flat-border {
  background: transparent;
  border: 0.125rem solid #424242;
  color: #424242;
}

button.flat-border.primary,
.button.flat-border.primary {
  border: 0.125rem solid #3363B3;
  color: #3363B3;
}

button.flat-border.primary:hover, button.flat-border.primary:active, button.flat-border.primary:focus,
.button.flat-border.primary:hover,
.button.flat-border.primary:active,
.button.flat-border.primary:focus {
  color: #FFF;
  background: #3363B3;
}

button.flat-border:hover, button.flat-border:active, button.flat-border:focus,
.button.flat-border:hover,
.button.flat-border:active,
.button.flat-border:focus {
  color: #FFF;
  background: #424242;
}

button.danger,
.button.danger,
.btn-danger {
  background-color: #AF1B1B;
  color: #FFF;
}

button.danger:hover, button.danger:active, button.danger:focus,
.button.danger:hover, .button.danger:active, .button.danger:focus,
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background: #831212;
  color: #FFF;
}

button.danger-hover:hover, button.danger-hover:active, button.danger-hover:focus,
.button.danger-hover:hover, .button.danger-hover:active, .button.danger-hover:focus {
  background: #AF1B1B;
  color: #FFF;
}

button[disabled], button.disabled,
.button[disabled], .button.disabled {
  background: #DDD;
  color: #BFBFBF;
  cursor: default;
}

button[disabled]:hover, button[disabled]:active, button[disabled]:focus, 
button.disabled:hover, button.disabled:active, button.disabled:focus,
.button[disabled]:hover, .button[disabled]:active, .button[disabled]:focus,
.button.disabled:hover, .button.disabled:active, .button.disabled:focus {
  color: #BFBFBF;
}

button.large,
.button.large,
.btn-lg {
  font-size: 115%;
}

button.extra-large,
.button.extra-large {
  font-size: 150%;
}

button.icon::after,
.button.icon::after {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  margin: 0 0 0 0.5em;
  width: 1em;
  vertical-align: -0.222em;
  text-align: center;
  line-height: 1;
}

button.icon::after,
.button.icon::after {
  content: "";
  top: 0;
  text-decoration: none;
  display: inline;
}

input.button {
  border: 0;
  cursor: pointer;
}

input[type=file]::file-selector-button {
    background: #0D4C38;
    border-color: #0D4C38;
    border-width: 1px;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    font-weight: 600;
    color: white;
}

input[type=file]::file-selector-button:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
    background: white;
    color: #0D4C38;
    cursor: pointer;
}

.linkbutton{
    background: white;
    border: solid #424242;
    border-width: 2px;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    font-weight: 600;
    color: #424242;
}
.linkbutton:focus
{
    background: white;
    color: #424242;
    text-decoration: none;
}

.linkbutton:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
    background: #424242;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.linkbutton:active{
    color: white;
    background: #424242;
    text-decoration: none;
}

/** FLEX  to autofill height of main content to move footer to bottom**/
#content-container, .mainContainer{
    flex: 5 0 auto;
}

#content-container{
  margin-top: 80px;
}


/** HEADER **/
.logo img {
    /*min-width: 140px;*/
    padding: 0px;
    margin-left: 20px;
}

@media (min-width: 821px) {
    .logo img {
       min-width: 170px !important;
       margin-top: 10px;
       margin-left: 10px;
       margin-bottom: 10px;

    }
}

@media (max-width: 820px) {
    .logo img {
       width: 45px !important;
       margin-top: 5px;
       margin-left: 5px;
       margin-bottom: 5px;

    }
}

.portaltitleimg{
    width: 75px; 
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .portaltitleimg{
        width: 85px; 
        padding-bottom: 12px;
    }
}

#signin,#btnUser,#btnNotifications{
	float: right;
    margin-top: 10px;
}

@media (min-width: 376px) {
    #signin,#btnUser,#btnNotifications{
        float: right;
        margin-right: 10px;
        margin-top: 10px;
    }
}


#signin img,#btnUser img,#btnNotifications img{
    margin-right: 10px;
}
@media (min-width: 321px) {
    #signin img,#btnUser img,#btnNotifications img{
        margin-right: 2px;
    }
}

a#signin,a#signout {
    color: #0D4C38;
    font-size: 1rem;
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}

#signedInPopup {
  position: absolute;
  width: 300px;
  top: 15px;
  right: 300px;
  z-index: 10000;
  background: #fff;
  border: #000 1px solid;
  padding: 10px;
  display: none;
  border-radius: 15px;
}

#signedInPopup .row{
margin: 0 0 10px 0;
    padding-bottom: 5px;
}

#signedInPopup .underline-row{
    border-bottom: 1px grey solid;
}

#signedInPopup .imageTextLink a{
  color: #0D4C38;
  font-size: larger;
  font-weight: bold;
}

#signedInPopup .imageTextLink a:hover{
  text-decoration: none;
}

#signedInPopup .imageTextLink img{
  padding-right: 15px;
}

#notificationCounter{
    font-size: medium;
    padding: 3px;
    color: white;
    background-color: #0D4C38;
    margin-left: 10px;
    object-position: right;
    border-radius: 15px;
}
.notificationTitle{
    color: #0D4C38;
    font-size: large;
    font-weight: bold;
    width: 260px;
    overflow-wrap: anywhere;
}
.notificationTitleMaori{
    color: #424242;
    font-size: large;
    font-weight: bold;
    width: 260px;
    overflow-wrap: anywhere;
}
.notificationBody{
    width: 260px;
    overflow-wrap: anywhere;
}
#notificationsPopup {
  position: absolute;
  width: 300px;
  top: 15px;
  right: 300px;
  z-index: 10000;
  background: #fff;
  border: #000 1px solid;
  padding: 10px;
  display: none;
  border-radius: 15px;
}

#notificationsPopup .row{
    margin: 0 0 5px 0;
}

#notificationsPopup .underline-row{
    border-bottom: 1px grey solid;
}

#notificationsBody{
    max-height: 450px;
    overflow-y: scroll;
}
#notificationsBody::-webkit-scrollbar {
  width: 5px;
}
#notificationsBody::-webkit-scrollbar-track {
  border: 1px solid #FCFCFC;
  padding: 2px 0;
  background-color: #FCFCFC;
}
#notificationsBody::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 3px rgba(0,0,0,.3);
  background-color: #F2F2F2;
  border: 1px solid #F2F2F2;
}
#notificationsBody .imageTextLink a{
  color: #0D4C38;
  font-size: larger;
  font-weight: bold;
}

#notificationsBody .imageTextLink a:hover{
  text-decoration: none;
}

#notificationsBody .imageTextLink img{
  padding-right: 15px;
}

#notificationsBody .notification {
  border: #CCDCD7 1px solid;
  padding: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

#notificationsBody .notification:hover {
  background-color: #CCDCD7;
}

#notificationsFooter .underline-row{
    border-bottom: 1px grey solid;
}
#notificationsFooter .imageTextLink a{
  color: #0D4C38;
  font-size: larger;
  font-weight: bold;
}

#notificationsFooter .imageTextLink a:hover{
  text-decoration: none;
}

#notificationsFooter .imageTextLink img{
  padding-right: 15px;
}

.imageTextLink {
  padding: 0 0 0 15px;
}

.logo a {
        float: left;
        padding: 5px;
}

.navbar-static-top{
  position: fixed;
  width: 100%;
}

#btnUserImage{
  width: 48px; 
  border-radius: 50%
}
@media (max-width: 768px) {
    #btnUserImage {
        width: 35px; 
    }
}


#signedInPopupImage{
  width: 60px; 
  border-radius: 50%
}


@media (min-height: 415px) {
    #signedInPopupImage {
        width: 150px; 
        border-radius: 50%
    }
}

/** Fix modal **/
.modal-title{
    float: left;
}

/** MAIN MENU **/
body {
    padding-bottom: 120px;
}

#menuContainer {
	display: flex;
    justify-content: space-around;
    align-content: flex-end;
    align-items: stretch;
    position: fixed;
	z-index: 100;
	padding: 0px;
    padding-top: 5px;
	bottom: 0;
	text-align: center;
    background-color: #FCFCFC;
}

#menuContainer img {
    width: 40px;
    height:40px;
}

#menuContainer a {
    text-decoration: none;
    font-size: 15px;
}
@media (max-width: 767px) {
    #menuContainer a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
#menuContainer .menuItem:hover {
    border-bottom: #0D4C38 solid 2px;
}

#menuContainer .menuItem.active {
    border-bottom: #0D4C38 solid 2px;
}

#menuContainer p {
    padding-top: 0px;
	float: left;
    font-weight: bold;
	padding-left: 10px;
    display:none;
}


.footerContent {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	font-weight: 800;
	flex-direction: row;
	text-align:left;


}
.footerContentPhoneNumbs{
    display: flex;
    flex-direction: column;
}
.footerContentPhoneNumb {

    width:fit-content;

}

@media (min-width 992px) {
	.footerContent {
		text-align:center;
        flex-direction: inherit;
    position: relative;
    top: 0px;
    width: 90%;

	}
}
@media (min-width: 767px) {
	.footerContent {
		text-align:center;
        flex-direction: inherit;

	}
    .footerContentPhoneNumbs{
        display: flex;
        flex-direction: row;
    }
    .footerContentPhoneNumb {
        width: 50%;
    }

}
/*@media (min-width: 361px) {
	.footerContent {
		text-align:center;
	}
}*/
.buttonVuwColor{
	background-color: white;
    color: #0D4C38;
}	
.aVuwColor{
    color: #0D4C38;
	font-weight: bold;
}	

.mainContainer {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.menuContainerEnglishTitle{
	color: #0D4C38;
	font-weight:bold;
    font-size: 12px;
}
.menuContainerMaoriTitle{
	color: #0D4C38;
	font-weight:bold;
    font-size: 12px;
}

@media (min-width: 360px) {
	.menuContainerEnglishTitle{
		font-size: 15px;

	}
	.menuContainerMaoriTitle{
		font-size: 15px;
	}
}

.extraPaddingBottom{
    padding-bottom:10px;
}
.pageMaoriTitle1
{
	font-weight: 800;
    font-size: 2rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}
.pageMaoriTitle2
{
	font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}
.pageMaoriTitle3
{
	font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}

.pageMaoriTitle4
{
	font-weight: 600;
    font-size: 1rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}
.pageHeaderMaori
{
	font-weight: bold;
}

.pageTitleEnglish1{
	color: #0D4C38;
	font-weight: 800;
    font-size: 2rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}

.pageTitleEnglish2{
	color: #0D4C38;
	font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}

.pageTitleEnglish3{
	color: #0D4C38;
	font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}
.pageTitleEnglish4{
	color: #0D4C38;
	font-weight: 600;
    font-size: 1rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: "inter", "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
}
.pageHeaderEnglish{
	color: #0D4C38;
	font-weight: bold;
}

@media (max-width: 767px) {
    #menuContainer {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
	}
}

.currentCourseAndStudyToolsContainer{
    display: flex;
    flex-direction:column;
}
/** Current Courses **/
.currentCourseContainer{
  width:100%;
  margin-top: 15px;
  margin-bottom:10px;
  background-color: white;
  margin-right: 5px;
  margin-left: 5px;
}
.currentCourseContainer h3{
  margin-top: 0px;
}
.currentCourseButtons{
  /*width: 100%;*/
}
/** study **/
#studyContainer h2{
	font-size: 1.4884rem;
	margin-top: 10.5px;
}

.studyToolsContainer{
  padding-top: 15px;
  padding-bottom:10px;
  background-color: #CCDCD7;

}
.studyToolsContainer h3{
  margin-top: 0px;
}

.studyToolsContainerText{
	margin:5px 10px 0px 5px;
	font-size:14px;
	text-align: left;
}


@media (min-width: 768px) {
    body {
        padding-bottom: 0;
    }

	#menuContainer {
        position: relative;
		padding-top: 80px;
        padding-bottom: 15px;
        margin-top:10px;
	}
	
    #menuContainer img {
        float: left;
        width: 40px;
        height:40px;
    }

    #menuContainer p {
        padding-top: 0px;
        display: block;
    }

	.mainContainer {
		margin-top: 0;
	}
	
	.footerContent {
		font-weight: bold;
	}
	
	.toolFlex-item {
	  background: ghostwhite;
	  padding: 5px;
	  width: 21%;
	  max-width: 100%;
	  height: auto;
	  display: flex;
	  flex-direction:column;
	  justify-content: space-around;
	  align-items: stretch;
	  margin: 5px;
	}
	
	.studyToolsContainer{
		background-color: #CCDCD7;
		padding-top: 15px; 
		padding-bottom:15px;
		padding-left: 20px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
	}
	.currentCourseAndStudyToolsContainer{
        display: flex;
        flex-direction: row;
        padding-top: 10px;
    padding-bottom: 10px;
    }
	.currentCourseContainer{
        width:100%;
		margin-top: 15px; 
		margin-bottom:15px;
        margin-right: 10px;
        margin-left: 10px;
	}
	
	.buttonBorder{
		border: 1px solid #DDD;
		border-radius:5px;
	}
}
/** Calendar **/
#calendarContainer{
	margin-top:5px;
	margin-bottom:15px;
}

    
/** Qualification **/
.qualificationContainerTop {
	/*border:1px solid #ccc;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.qualificationContainerMiddle {
    border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.qualificationContainerTop p {
	margin: 0 0 0px;
}

.qualificationContainerMiddle p {
	margin: 0 0 0px;
}	
@media (min-width: 768px) {
	.qualificationContainerTop p{
		margin: 0 0 10.5px 
	}
    .qualificationContainerMiddle p {
        margin: 0 0 10.5px 
    }	
}

.qualificationContainerColumn{
	font-size: 14px;
}
@media (min-width: 768px) {
	.qualificationContainerColumn{
		margin-top: 10px;
		font-size: 14px;
	}
}
.exportImg{
	float:right;
}
.exportImg:focus{
	border: 1px solid #0D4C38;
}

.detailTitleStudentId{
    color: #38761D;
}

.detailTitle{
  color: #38761D;
}
  
.detailTitleProfile{
  color: #38761D;
  text-align: right;
}

.coordinatorText{
	vertical-align: middle !important;
}
/** TOOLS **/
.toolFlex-Container{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.toolFlex-item {
  background: whitesmoke;
  padding: 5px;
  width: 26%;
  max-width: 100%;
  height: auto;
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  align-items: stretch;
  margin: 10px;
  border:1px solid #DDD;
  border-radius:5px;
}

@media (min-width: 450px) {
    .toolFlex-item {
		width: 22%;
		max-width: 100px;
		height: 110px;
		max-height: 110px;
		margin: 5px;
    }
}

.toolFlex-innerItemBody{
  text-align: center; 
  padding:5px;
  align-items:stretch;
}
.toolFlex-innerItemButton{
  text-align: center;
  vertical-align: bottom;
  margin-bottom: 5px;
  line-height: initial;
}

.dashboardtoolFlex-Container{
	display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
}
.dashboardtoolFlex-item {
  padding: 5px;
  width: 26%;
  max-width: 100%;
  height: auto;
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  align-items: stretch;
}
@media (min-width: 450px) {
    .dashboardtoolFlex-item {
		width: 22%;
		max-width: 85px;
		height: 110px;
		max-height: 110px;
		margin: 5px;
    }
}

/** SERVICES **/
#servicesMain h2{
  font-size: 1.81585rem;
}

#servicesMain h3{
  font-size: 1.22rem;
  margin-top: 10.5px
}

#categoryButtons button,
#subCategoryButtons button{
  margin: 5px;
}

#categoryButtons button:focus,
#subCategoryButtons button:focus{
  border: 1px solid #0D4C38;
}

#subCategories{
  display: none;
}

.serviceFlex-Container
{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 10px;
}

.serviceFlex-item {
  /*background: ghostwhite;
  padding: 5px;*/
  width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
  flex-direction:column;
  justify-content: space-between;
  align-items: stretch;
  margin: 10px;
  border: 1px solid #DDD;
  border-radius: 5px;
  background-color: white;
}

@media (min-width: 450px) {
    .serviceFlex-item {
        width: auto;
        max-width: 300px;
    }
}

.serviceFlex-innerItemBody{
/*  text-align: center; */
  padding:10px;
  align-items:stretch;
}
.serviceFlex-innerItemButton{
    background-color: #CCDCD7;
    padding: 5px 6px 5px 5px;
    text-align: right;
    font-weight: bold;
}

/*input#serviceSearch {
    display: inline;
    width: auto;
}
*/

#searchControls span, #kbsearchControls span{
    padding-left: 10px;
}

.activeCategory {
    color: white !important;
    background-color: #0D4C38 !important;
}

.defaultCategory{
	background-color: white;
	color: #0D4C38;
	border: 1px solid #DDD;
	border-radius:5px;
}


/* Style the active class (and buttons on mouse-over) 
.active, .btn:hover {
  color: white;
  background-color: #0D4C38;
}*/

/** NEWS **/
#newsContainer{
	margin-top:15px;
}
.newsFlex-Container{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 10px;
}

#newsContainer h2 {
  font-size: 1.22rem;
  margin-top: 10.5px;
}

.newsFlex-item {
  background: ghostwhite;
  padding: 5px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction:column;
  justify-content: space-between;
  align-items: stretch;
  margin: 10px;
}
@media (min-width: 768px) {
	.newsFlex-item {
	  background: ghostwhite;
	  padding: 5px;
	  width: 23%;
	  height: auto;
	  display: flex;
	  flex-direction:column;
	  justify-content: space-between;
	  align-items: stretch;
	  margin: 10px;
	}
}
.newsFlex-innerItemBody{
  text-align: center;
  padding:5px;
  align-items:stretch;
}
.newsFlex-innerItemButton{
  text-align: center;
  vertical-align: bottom;
}
.newsFlex-innerItemButton a{
	color: #0D4C38;
	font-weight: bold;
}

/** CAMPUS **/
#campusmaplist h2{
	font-size: 1.4884rem;
	margin-top: 10.5px;
}

.campusFlex-item{
  width: 100%;
  height: auto;
  margin: 10px;
  border: 1px solid #DDD;
  border-radius:5px;
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: white;
}

@media (min-width: 768px) {
	.campusFlex-item{
	  width: 30%;
	  height: auto;
	  margin: 10px;
	  border: 1px solid #DDD;
	  border-radius:5px;
	}
}	

.hyperlinkCustomized{
	color: #0D4C38;
	font-weight: bold;
}

.campus-image{
  width: 100%; 
  height: 100px; 
  padding-top: 10px; 
  background-size: cover; 
  background-position: center center; 
}

/*.campus-body{
  text-align: left; 
  padding-top: 5px;
}*/

/** PROFILE **/
.profileMain{
	display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
	font-size:14px;
    padding-top:10px;
}

.profileTabContainer{
	display: flex;
	flex-direction: row;
	align-content: space-around;
	margin-bottom:20px;
	margin-top: 20px;
	
}

.profileTabContainer h5{
  margin-top: 0px;
}

.proflieTabContainerActive{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	align-content: space-around;
	flex-direction: column;
}

/** CALENDAR CONTROL **/
.ui-datepicker-trigger {
	background-color: #DDD;
	border: 1px solid #ccc;
	border-radius:5px;
	padding: 0.3125em 0.75em;
	line-height: 1.6;
}


/** UNKNOWN **/
.studyCourseButtonImg {
	width:25px;
	height:25px;
}
/* Toolbar on Dashboard*/
#ToolBarContainer{
	background-color: #CCDCD7; border: 1px solid #DDD; border-radius: 5px;
}


/** Announcements/Assessments/Key Dates **/
#announcementsBody, 
#assessmentsBody,
#keydatesBody{
  display: flex; 
  flex-direction: column;
  line-height: 2;
  padding-top:10px;
  padding-left:10px;
}
@media (max-width: 768px) {
	#announcementsBody, 
    #assessmentsBody,
    #keydatesBody{
      padding-left:0px;
    }
}
#assessmentContainer{
	margin-top:5px;
	margin-bottom:15px;
}

.assessmentTitleImage1{
	margin-right:5px;
}
.assessmentTitleText{
	width: 85%;
	padding-left: 10px;
}


.tableTrBorder{
	border-bottom: 1px solid #DDD;
}

#btnEnrol,
#btnTutorials{
  width: 100%;
  background-color:white;
  border:1px solid #DDD;
}
#btnEnrol:focus,#btnTutorials:focus {
    font-weight: bold;
    background-color:#DDD;
}

/** Other **/
.collapsible button img,
.currentCourseContainer button img {
  width: 25px;
  height: 25px;
  margin-top: 0px;
  margin-right: 0px;
}
/**result collapsible**/
.resultCollapsible{
	overflow: hidden;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-top: 1px solid #DDD;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f1f1f1;
	padding-left: 0px;
    padding-right: 0px;
}
.resultCollapsible button{
	background-color: #f1f1f1;
	font-size:20px;
}
.resultCollapsible button.active{
}
.resultCollapsiblecontent{
	height: auto;
	width:100%;
	background-color: white;
	padding-left: 20px;
    padding-top: 5px;
    padding-right: 10px;
}
.resultCollapsiblebody{
	padding: 6px 12px;
    width: 99%;
}

.resultHeaderText{
	margin:5px 10px 0px 5px;
	font-size:20px;
	text-align: left;
}

.resultDetailRow{
	display: flex;
    flex-direction: row;
    align-items: center;
	padding-top: 5px;
}
.resultHeaderButton{
	width:100%
}
.resultHidePoints{
	display:none;
}

.courseResultContainer{
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
/**/


/** footer **/
footer img{
    content: url('/icons/VUW_Logo_green.png');
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
    height: auto;
    width: 180px;
}

footer a,
footer a:hover,
footer a:focus{
  color: #FFF;
}

footer a:hover,
footer a:focus{
  text-decoration: underline;
}

/** Hide Azure AD B2C button for now **/
button[name='provider']:nth-of-type(1) {
  display: none;
}
button[name='provider']:nth-of-type(3) {
  display: none;
}

.inFrame #content-container {
  margin-top: 0;
  flex: none;
}

/** hide tohide section on entity forms **/
table[data-name="tohide_section"] {
  display: none;
}
@media (max-width: 767px){
    .crmEntityFormView table[data-name="tohide_section"] 
    {
      display: none;
    }
}

/** disable a tags **/
.disable-click{
  pointer-events: none;
}

/** fix fa-spin **/
.fa-spin {
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 0;
}

/** fill space with main content area **/
.contentarea {
  flex: 5 0 auto;
}

.profileimage{
    width: 100px;
    height: 100px;
    border-radius: 10%;
    margin-left: 70px;
}

/** article rating **/
.thumb-selected, .thumb-selected:focus {
  background-color: #0D4C38 !important;
}
.thumb-selected i {
  color: #fff !important;
}

#ThumbsUpBtn, #ThumbsDwnBtn {
  margin-right: 10px;
}

/** Form alteration **/
.textarea.form-control{
    height: 200px;
}

.crmEntityFormView .cell input[type=text], .crmEntityFormView .cell select, .crmEntityFormView .cell textarea{
    border-radius: 5px;
}

.headerTitleContainer{
    /*margin-left: 5px;*/
    margin-bottom: 5px;
    align-content: center;
    margin-top: 5px;
}

.headerTitleText{
    font-size: 11px;
    line-height: 1.2;
}

.headerTitleMaoriText{
    font-size: 12px;
    line-height: 1.2;
}
@media (min-width: 768px) {
    .headerTitleContainer{
        margin-left: 15px;
        margin-bottom: 10px;
        align-content: center;
        padding-left: 10px;
    }

    .headerTitleText{
        color: #0D4C38;
        margin: 0px;
        padding: 0px;
        float: left;
        font-size: 1.2em;
        font-weight: 900;
        position: relative;
        top: -5px;
        
    }
    .headerTitleMaoriText{
        color: #0D4C38;
        font-weight: 1000;
        font-size:28px; 
    }
    .footer img{
        content: url('/icons/VUW_Logo_green.png');
        background-repeat: no-repeat;
        background-size: auto;
        display: inline-block;
        height: auto;
        width: 180px;
    }
}

.f5table tr.selected{
  background-color: #CCDCD7;
}

.label-primary {
  background-color: #0D4C38;
}

.subgrid th a, .entity-grid th a {
  color: #0D4C38;
}

.instructions {
  padding: 0 28px 20px;
}

.crmEntityFormView .actions {
  padding: 20px 28px 20px;
}

.crmdocumentUL {
  list-style: disc;
}

.formDeclarationOL {
  list-style: lower-roman;
}

h4 a, h4 a:hover {
  color: #0D4C38;
}

.profileResultContainer {
    margin: 0 0 10.5px;
    font-weight: bold;
}

.externalSignInBackground {
    background-color: rgba(255, 255, 255, .90);
}
.externalSignInBackgroundForRegisterRedeem{
    background-color: rgba(255, 255, 255, .90);
}
.signintitle{
    
    padding: 20px 20px 0px 12%;
    width:100%; 
}
.signinsubtitle
{
    padding: 10px;
}
.signinbody{
    
    padding: 0px 20px 20px 20px;
    display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            align-items: center;
}

.signinbutton{
    background-color: rgba(255, 255, 255, .90);
    font-size: 0.9rem;
    border: solid #ccc 1px;
    border-radius: 7px;
    padding: 10px;
}

.signinbutton:hover{
    /*background-color: #0D4C38;
    color: #FFF;*/
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.signinbuttonimg{
    width:30px;
    height:30px;
}

.signinbuttonimg2{
    width:30px;
    height:30px;
    margin-right:10px;
}
.signinbuttonimg2-withoutmargin{
        width:30px;
        height:30px;
    }

.redeembutton{
    width:85%;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    border: none;
    padding: 10px;
    border-radius: 7px;

}
.newstudentCreate{
    margin: 10px 20px 10px 20px;
    font-size: 15px;
}

@media (min-width: 768px) {
    .externalSignInBackground {
        background-color: transparent;
    }
    .signinbody{
        width:50%; 
        background-color: rgba(255, 255, 255, .90);
    }
    .signintitle{
        width:50%; 
        padding: 20px 20px 0px 5%;
        background-color: rgba(255, 255, 255, .90);
    }
    .signinbutton{
        font-size: 1rem;
    }
    .signinbuttonimg2{
        width:30px;
        height:30px;
        margin-right:20px;
    }
    
    .redeembutton{ 
        font-size: 1rem;
    }
    .signinsubtitle
    {
        padding: 20px;
    }
}

.notificationButton{
    background-image: url("~/icons/source_icons_bell.svg");
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 45px;
    height: 45px;
}
@media (max-width: 768px) {
    .notificationButton{
        width: 35px;
        height: 35px;
    }
}
a.notificationButton{
   text-align: center;
   text-decoration: none;
}
.service-content, .article-content {
  margin: 10px 0;
  border: 1px solid #DDD;
  border-radius: 5px;
  background-color: white;
}

.service-body, .article-body{
  padding: 0 10px;
}

.service-content:hover, .article-content:hover{
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  cursor: pointer;
}

@media (min-width: 992px){
  .service-body{
    height: 190px;
    overflow-y: auto;
  }

  .article-body{
    height: 150px;
    overflow-y: auto;
  }
}

.service-button, .article-button{
  background-color: #CCDCD7;
  padding: 5px 6px 5px 5px;
  text-align: right;
  font-weight: bold;
}

#futureStudentMenu{
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.futurestudentbutton{
    background: white;
    border: solid #424242;
    border-width: 3px;
    font-size: 14px;
    padding: 0 0 0 0;
    height: 30px;
}

#btnGethelpButton{
    padding: 2px 15px 7px 15px;
}

.futurestudentbutton:hover{
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  background: #424242;
  color: white;
  cursor: pointer;
}


.fstudentmanual-body{
  padding: 20px 20px;
}

.fstudentmanual-content{
  margin: 10px 0;
  border: 1px solid #DDD;
  border-radius: 5px;
  background-color: white;
  display: flex;
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}
/*
.fstudentmanual-content:hover{
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  cursor: pointer;
}*/

.fstudentmanual-img{
    width: 30%;
}

.service-content:hover{
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  cursor: pointer;
}

@media (max-width: 768px){
    .fstudentmanual-content {
        flex-direction: column;
    }
    .fstudentmanual-img{
        width: 100%;
    }  
}

@media (min-width: 992px){
  .fstudentmanual-body{
    /*height: 100px;*/
    overflow-y: auto;
  }
  
}
/* Power Virtual Agent styles */
.pva-floating-style {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin-right: 16px;
  margin-bottom: 18px;
  z-index: 9999;
}
/* Power Virtual Agent styles ends */

.breadcrumb {
    background-color: #fcfcfc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  border: 1px solid #ccc;
  border-top: none;
  float: left;
  width: 90%;
  height: 365.5px;
}
.tabbody{
	padding: 6px 12px;
}
.tabfooter{
	background-color: #f1f1f1;
	padding: 5px 6px 5px 5px;
}


/* Style the tab */
.profiletab {
  /*overflow: hidden;
  border: 1px solid #DDD;
  background-color: #f1f1f1;
  border-radius:5px;*/
  /*float: left;*/
  width: 90%;
}
@media (min-width: 360px) {
	.profiletab {
		width: 100%;
        
	}
	.profiletab button:focus {
            display: flex;
            lign-items: center;
			background-color: white;
			border: 1px solid #DDD;
			/*border-radius: 5px;*/
	}
button:focus {outline:1;}
}
@media (min-width: 768px) {
	.profiletab {
			width: 30%;
	}
	.profiletab button.active {
            display: flex;
            align-items: center;
			background-color: white;
			border: 1px solid #DDD;
			/*border-radius: 5px;*/
	}
    	.profiletab button:focus {
            display: flex;
            align-items: center;
			background-color: white;
			border: 1px solid #DDD;
			/*border-radius: 5px;*/
	}
button:focus {outline:1;}
}
/* Style the buttons inside the tab */
.profiletab button {
    background-color: inherit;
    border: none;
/*    outline: none;
*/
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    display: inline-flex;
    text-align: left;
	border: 1px solid #DDD;
	/*border-radius: 5px;*/
}
.profiletab button img{
	width: 35px;
    height: 35px;
	margin-top: 5px;
    margin-right: 10px;
}
/* Change background color of buttons on hover 
.profiletab button:hover {
  background-color: #ddd;
}*/

/* Create an active/current tablink class*/ 
.profiletab button.active {
	background-color: white;
	border: 1px solid #DDD;
	/*border-radius: 5px;*/
}
.profiletab button.active:focus {
	border: 1px solid #0D4C38;
}

@media (min-width: 361px) {
	.profiletab button {
        display: flex;
        align-items: center;
		border: 1px solid #DDD;
	}
	.profiletab button.active {
		background-color: white;
		border-right: hidden;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		border-left: 1px solid #DDD;
		/*border-radius: 5px;*/
	}
}

/* Style the tab content */
.profiletabcontent {
  display: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #ccc;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  float: left;
  width: 100%;
  height: auto;
}
@media (min-width: 361px) {
	
	.profiletabcontent{
		display: none;
		border-left: hidden;
		border-right: 1px solid #DDD;
		float: left;
		height: auto;
	}
}

#TabInvisibleForBorder{
	display: none;
	
}
@media (min-width: 361px) {
	#TabInvisibleForBorder{
		display: block;
		height:100%;
		width:100%;
		border-right:1px solid #DDD;
	}
}

.profiletabbody{
	padding: 20px 20px;
	background-color: white;
}
@media (min-width: 768px) {
    .profiletabbody{
        padding: 20px 20px;
        background-color: white;
        font-size: 14px;
    }
}
.profiletabfooter{
	background-color: #CCDCD7;
	padding: 5px 6px 5px 5px;
	text-align: right;
	
}

.persondetailcollapsible{
	overflow: hidden;
    background-color: #f1f1f1;
    margin-top: 20px;

}
.persondetailcollapsible button{
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
    display: inline-flex;
    text-align: left;
	width:100%;
}
.persondetailcollapsible button.active {
  background-color: white;
}

.persondetailcollapsiblecontent{
	display: none;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

.qualificationfooter{
	background-color: #CCDCD7;
	padding: 5px 6px 5px 5px;
	text-align: right;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


 /*Style the tab */
.collapsible {
  overflow: hidden;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.collapsible button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 16px;
  display: inline-flex;
  text-align: left;
}
.collapsible .active {
  background-color: white;
  border-bottom: hidden;
}

/* Change background color of buttons on hover */
.collapsible button:hover {
  background-color: #ddd;
}

/* Change border color of buttons on focus */
.collapsible button:focus {
  border: 1px solid #0D4C38;
}


/* Create an active/current tablink class */
.collapsible button.active {
  background-color: white;
}
.collapsible button .collapsibleIndicator{
	content:url("/icons/source_icons_arrow-separate-vertical.svg");
}
.collapsible button.active .collapsibleIndicator{
	content:url("/icons/source_icons_arrow-union-vertical.svg");
}
.collapsible button .collapsibleTitle{
	color: #0D4C38;
	font-weight:bold;
}
.collapsible button .collapsibleMaoriTitle{
	font-weight:bold;
    /*font-family: "Segoe UI Light","Helvetica Neue",Helvetica,Arial,sans-serif;*/
}
.collapsible button p{
	margin:0 0 0 0;
	line-height: 1.2;
}
.collapsible button img{
	width: 35px;
	height: 35px;
	margin-top: 10px;
	margin-right: 10px;
}
/* Style the tab content */
.collapsiblecontent {
  display:none;
  flex-direction:column;
  justify-content:space-between;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
  height: 280px;
  overflow-y: auto;
}
.collapsiblebody{
	padding: 6px 12px;
	width: 99%;
}
.collapsiblefooter{
	background-color: #CCDCD7;
	padding: 5px 6px 5px 5px;
	text-align: right;
	font-weight: bold;
}

.feessummaryframe{
    width: 95%;
    height:500px;
}

.knowledge-article-content ul {
  list-style: disc;
}

.knowledge-article-content ul ul{
  list-style: circle;
}

#hdr-createdon{
    white-space: nowrap;
}

.crmEntityFormView fieldset{
    margin-bottom: 5px;
}

.crmEntityFormView .titlefontsize{
    font-size: 14px;
}

.text-danger{
    color: #cc0000;
}

/* F5Table */
.pagination .active a, .pagination .active a:focus, .pagination .active a:hover {
    background-color: #0D4C38!important;
}
/* LOADER */
.spanner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  height: 300px;
  color: #FFF;
  transform: translateY(-50%);
  visibility: hidden;
}
.tablinks:focus{
color: #424242;
}
.overlay {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #0D4C3875;
  visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ffffff;
  font-size: 16px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

  .loader:before,
  .loader:after {
      content: '';
      position: absolute;
      top: 0;
  }

  .loader:before {
      left: -3.5em;
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
  }

  .loader:after {
      left: 3.5em;
  }

@-webkit-keyframes load7 {
  0%, 80%, 100% {
      box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
      box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7 {
  0%, 80%, 100% {
      box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
      box-shadow: 0 2.5em 0 0;
  }
}

.show {
  visibility: visible;
}

.spanner, .overlay {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.spanner.show, .overlay.show {
    opacity: 1;
    z-index: 10000;
}

#loader-text{
  font-size: 20px;
}
/* END LOADER*/

.hide {
  display: none;
}

.crmEntityFormView .cell.picklist-matrix-cell {
    padding: 0 28px 20px;
}

.titlefontsize {
    font-size: 14px;
}

.deferlabelwidth{
    width:100px;
}

.tooltipImg{
    width: 17px;
    vertical-align: initial;
 }

.tooltipBtn{
    background-color: transparent;
    padding: 3px;
    margin: 0px;
}
#messageContainer{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0D4C38;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0D4C38;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.select2-selection{
        height: 35px !important;
        line-height: 35px !important; 
        background-image:none !important;
        border: 1px solid #949494 !important;
        border-radius: 0 !important;
            font-weight: 100;
    padding: 0px 0px 0px 15px !important;
    font-size: 15px;
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
}
.select2-arrow{
        border-left: none !important;
        background: none !important;
        background-image:none !important;
}
.select2-drop{
    width:auto !important;
}

@media (min-width: 1400px){
    .container {
        width: 1400px !important; 
    }
}