html {
  height: 100%; }

body {
  /* regular:400, medium:500, bold:700, black:900 */
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #333;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative; }
  @media (min-width: 1367px) {
    body {
      font-size: 14px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
      /* IE10+ CSS styles go here */
      height: 100vh;
      /*IE fix for small screens*/ }
      body #mainwrapper {
        padding-top: 70px; } }
    @media all and (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: active) and (min-width: 992px) {
      body #mainwrapper {
        padding-top: 0; } }

footer {
  color: #fff;
  border-top: 8px solid #C9D134;
  flex-shrink: 0;
  background: #333;
  background: -moz-linear-gradient(180deg, #333333 0%, black 100%);
  background: -webkit-linear-gradient(180deg, #333333 0%, black 100%);
  background: linear-gradient(180deg, #333333 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$grey6,endColorstr=$black,GradientType=1);
  letter-spacing: 1px; }
  footer {
    font-size: 0.5em; }
    @media screen and (min-width: 20em) {
      footer {
        font-size: calc(0.5em + 0.5 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      footer {
        font-size: 1em; } }
  footer .copyright {
    border-left: solid 2px #fff;
    align-self: center; }
  footer .links {
    align-self: center; }
    footer .links a {
      color: #fff; }
      footer .links a:visited {
        color: #fff; }
      footer .links a:hover {
        color: #47BCC7; }
      footer .links a:active {
        color: #fff; }
    footer .links .col-auto {
      border-right: solid 2px #fff; }
      footer .links .col-auto:last-child {
        border-right: 0; }

.mainmenu-toggler.navbar-toggler {
  border-color: #47BCC7; }

.mainmenu-toggler .navbar-toggler-icon {
  background-image: url("../Images/Hamburger_icon_71-188-199.png"); }

.submenu-toggler.navbar-toggler {
  border-color: #329096; }

.submenu-toggler .navbar-toggler-icon {
  background-image: url("../Images/Hamburger_icon_50-144-150.png"); }

.rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#mainwrapper {
  flex: 1 0 auto; }

.main-menu {
  background: #094977;
  background: -moz-linear-gradient(180deg, #094977 0%, #071752 100%);
  background: -webkit-linear-gradient(180deg, #094977 0%, #071752 100%);
  background: linear-gradient(180deg, #094977 0%, #071752 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$main-blue2,endColorstr=$main-blue1,GradientType=1);
  color: #fff;
  font-weight: 500;
  line-height: 1; }
  .main-menu a {
    color: #fff; }
    .main-menu a:visited {
      color: #fff; }
    .main-menu a:hover {
      color: #47BCC7; }
    .main-menu a:active {
      color: #fff; }
  .main-menu {
    font-size: 0.5em; }
    @media screen and (min-width: 20em) {
      .main-menu {
        font-size: calc(0.5em + 0.625 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .main-menu {
        font-size: 1.125em; } }
  .main-menu.forms-menu {
    border-bottom: 8px solid #47BCC7;
    box-shadow: 0px 0px 20px 5px #000; }
  .main-menu .email-icon {
    position: relative;
    z-index: 1; }
  .main-menu li {
    padding: 8px 20px; }
  .main-menu .menu-divide {
    position: relative; }
    .main-menu .menu-divide:after {
      content: " ";
      position: absolute;
      border-right: 2px #fff solid;
      top: 23%;
      right: 0;
      height: 57%;
      margin-top: auto;
      margin-bottom: auto; }
    .main-menu .menu-divide span {
      display: block; }

.number-dot {
  background-color: #E4434D;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 3;
  text-align: center; }
  .number-dot.single-figure {
    height: 15px;
    width: 15px; }
    .number-dot.single-figure {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .number-dot.single-figure {
          font-size: calc(1em + -0.2 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .number-dot.single-figure {
          font-size: 0.8em; } }
    .number-dot.single-figure span {
      line-height: 15px;
      vertical-align: middle; }
  .number-dot.double-figure {
    height: 18px;
    width: 18px; }
    .number-dot.double-figure {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .number-dot.double-figure {
          font-size: calc(1em + -0.3 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .number-dot.double-figure {
          font-size: 0.7em; } }
    .number-dot.double-figure span {
      line-height: 18px;
      vertical-align: middle; }
  .number-dot.triple-figure {
    height: 22px;
    width: 22px; }
    .number-dot.triple-figure {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .number-dot.triple-figure {
          font-size: calc(1em + -0.3 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .number-dot.triple-figure {
          font-size: 0.7em; } }
    .number-dot.triple-figure span {
      line-height: 22px;
      vertical-align: middle; }

.nav-tabs {
  border-bottom: 1px solid #333;
  font-weight: 700;
  letter-spacing: 1px; }
  .nav-tabs a {
    color: #333; }
    .nav-tabs a:visited {
      color: #333; }
    .nav-tabs a:hover {
      color: #333; }
    .nav-tabs a:active {
      color: #333; }
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-link.active:focus {
    color: #333;
    margin-bottom: .1px;
    border-color: #fff #fff #47BCC7;
    border-bottom-width: 7px; }
  .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus {
    color: #333;
    border-color: #fff #fff #333; }

/*needs to be above .dropdown*/
.sub-menu {
  padding: .4rem 1rem;
  background-color: #47BCC7;
  box-shadow: 0px 0px 20px 5px black;
  color: #fff;
  font-weight: 500; }
  .sub-menu {
    font-size: 0.6em; }
    @media screen and (min-width: 20em) {
      .sub-menu {
        font-size: calc(0.6em + 0.686 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .sub-menu {
        font-size: 1.286em; } }
  .sub-menu a.nav-link {
    color: #fff;
    cursor: pointer; }
    .sub-menu a.nav-link:link {
      color: #fff; }
    .sub-menu a.nav-link:visited {
      color: #fff; }
    .sub-menu a.nav-link:hover {
      color: #329096; }
    .sub-menu a.nav-link:active {
      color: #fff; }
  .sub-menu .poweredby {
    font-weight: 700;
    letter-spacing: 1px;
    padding: .5rem 1rem; }

/*needs to be below .sub-menu*/
.dropdown button {
  font-size: 0.6em; }
  @media screen and (min-width: 20em) {
    .dropdown button {
      font-size: calc(0.6em + 0.525 * ((100vw - 20em) / 77.643)); } }
  @media screen and (min-width: 97.643em) {
    .dropdown button {
      font-size: 1.125em; } }

.dropdown .dropdown-toggle::after {
  content: none; }

.dropdown-menu {
  border-radius: 0;
  border: 1px solid #c6c6c6;
  background-color: #f6f6f6;
  padding: 0;
  overflow: visible; }
  .dropdown-menu {
    font-size: 0.6em; }
    @media screen and (min-width: 20em) {
      .dropdown-menu {
        font-size: calc(0.6em + 0.3 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .dropdown-menu {
        font-size: 0.9em; } }
  .dropdown-menu .dropdown-item {
    color: #333; }
    .dropdown-menu .dropdown-item:link {
      color: #333; }
    .dropdown-menu .dropdown-item:visited {
      color: #333; }
    .dropdown-menu .dropdown-item:hover {
      color: #333; }
    .dropdown-menu .dropdown-item:active {
      color: #333; }
  .dropdown-menu::after, .dropdown-menu::before {
    display: none; }
  .dropdown-menu a, .dropdown-menu button {
    padding: .75em 2.5em;
    font-size: 1.143em;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid #c6c6c6;
    cursor: pointer;
    /*&:last-child {   // exclude this so that bottom borders also appear for buttons as well as action links
            border-bottom: 0;
        }*/ }
    .dropdown-menu a:hover, .dropdown-menu button:hover {
      background-color: #ededed; }

.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(147, 66, 146, 0.5); }

.custom-radio .custom-control-input:hover ~ .custom-control-label::before {
  box-shadow: 0 0 0 0 #fff, 0 0 0 0.1rem #c6c6c6; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  color: #934292;
  border-color: #934292;
  background-color: #934292; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none; }

.custom-radio .custom-control-input ~ .custom-control-label::before {
  background-color: #f6f6f6;
  box-shadow: 0 0 0 0 #c6c6c6, 0 0 0 0.1rem #dadada; }

.custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-label::before {
  width: 1.3rem;
  height: 1.3rem;
  margin-top: -3px; }

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  background-color: #f6f6f6;
  box-shadow: 0 0 0 0 #c6c6c6, 0 0 0 0.1rem #dadada; }

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(147, 66, 146, 0.5); }

.custom-checkbox .custom-control-input:hover ~ .custom-control-label::before {
  box-shadow: 0 0 0 0 #fff, 0 0 0 0.1rem #c6c6c6; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #934292; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("../Images/tick.svg"); }

a:hover {
  text-decoration: none; }

input[type="text"], input[type="password"], input[type="search"], textarea {
  background-color: #f6f6f6 !important; }

input[readonly] {
  background-color: #fff;
  font-weight: 700; }

select option {
  padding: 1rem;
  background-color: #f6f6f6;
  font-weight: 700;
  letter-spacing: 1px;
  border-bottom: 1px solid #c6c6c6; }

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.5rem;
  background: url(../Images/arrow-down-purple-icon.png) no-repeat center right 10px #f6f6f6;
  font-weight: 700; }

select::-ms-expand {
  display: none; }

/*this needs to be exact to overwrite the original*/
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Choose file"; }

.custom-file-input {
  cursor: pointer; }

.custom-file-label::after {
  background-color: #47BCC7;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer; }

.help-text {
  font-size: 0.875em; }

.font-unbold {
  font-weight: normal !important; }

.form-control:disabled {
  color: #c6c6c6; }

.btn-light-blue {
  background-color: #47BCC7;
  -moz-border-radius: 42px;
  -webkit-border-radius: 42px;
  border-radius: 42px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-weight: 500; }
  .btn-light-blue {
    font-size: 0.6em; }
    @media screen and (min-width: 20em) {
      .btn-light-blue {
        font-size: calc(0.6em + 0.525 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .btn-light-blue {
        font-size: 1.125em; } }
  @media (min-width: 1367px) {
    .btn-light-blue {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .btn-light-blue:hover {
    background-color: #329096;
    color: #fff; }
  .btn-light-blue-search {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: .2rem;
    padding-bottom: .2rem; }

.btn-lg, .btn-group-lg > .btn {
  padding: .5rem 1.7rem; }

.round-button {
  width: 8%;
  height: 0;
  padding-bottom: 8%;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer; }
  .round-button img {
    display: block;
    padding: 12%;
    height: auto; }
  .round-button-dark-purple {
    background: #822D88; }
    .round-button-dark-purple:hover {
      background: #934292; }

.page-title h1 {
  font-weight: 700;
  letter-spacing: 1px; }
  .page-title h1 {
    font-size: 1.1em; }
    @media screen and (min-width: 20em) {
      .page-title h1 {
        font-size: calc(1.1em + 1.15 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .page-title h1 {
        font-size: 2.25em; } }
  @media (min-width: 768px) {
    .page-title h1 {
      font-weight: 900;
      letter-spacing: 2px; } }

.page-title .breadcrumb {
  background-color: transparent;
  padding: 0; }
  .page-title .breadcrumb .breadcrumb-item {
    font-weight: 700;
    letter-spacing: 1px; }
    .page-title .breadcrumb .breadcrumb-item {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .page-title .breadcrumb .breadcrumb-item {
          font-size: calc(1em + 0.313 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .page-title .breadcrumb .breadcrumb-item {
          font-size: 1.313em; } }
    .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      color: #47BCC7; }

.search-form .input-group-text {
  color: #fff;
  background-color: #47BCC7; }

.search-form button {
  font-size: 0.6em; }
  @media screen and (min-width: 20em) {
    .search-form button {
      font-size: calc(0.6em + 0.525 * ((100vw - 20em) / 77.643)); } }
  @media screen and (min-width: 97.643em) {
    .search-form button {
      font-size: 1.125em; } }

.search-form input {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem; }

.page-item.active .page-link {
  background-color: #47BCC7;
  border-color: #47BCC7; }

.page-item .page-link {
  color: #47BCC7; }

.lendex-table.table td {
  padding: .4rem; }
  @media (min-width: 1367px) {
    .lendex-table.table td {
      padding: .75rem; } }

.lendex-table.table thead th {
  border-bottom: none;
  vertical-align: middle;
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: 0; }
  .lendex-table.table thead th:nth-child(1) {
    padding-left: 12px;
    text-align: center; }
  .lendex-table.table thead th:nth-child(9) {
    padding-right: 0; }

.lendex-table thead {
  background-color: #934292;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700; }
  .lendex-table thead {
    font-size: 0.5em; }
    @media screen and (min-width: 20em) {
      .lendex-table thead {
        font-size: calc(0.5em + 0.625 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .lendex-table thead {
        font-size: 1.125em; } }
  .lendex-table thead div.arrow-hack {
    width: 1rem; }
    @media (min-width: 1367px) {
      .lendex-table thead div.arrow-hack {
        width: 2rem;
        height: 2rem; } }
  .lendex-table thead div.th-text {
    vertical-align: middle; }
    @media (min-width: 1367px) {
      .lendex-table thead div.th-text {
        padding-top: 0.6em; } }
  .lendex-table thead div.sort, .lendex-table thead div.asc, .lendex-table thead div.desc {
    background-repeat: no-repeat;
    background-position: center left; }
  .lendex-table thead div.sort {
    background-image: url("../Images/double-arrow-white.svg"); }
  .lendex-table thead div.asc {
    background-image: url("../Images/double-arrow-up.svg"); }
  .lendex-table thead div.desc {
    background-image: url("../Images/double-arrow-down.svg"); }

.lendex-table th:nth-child(1) {
  width: 2rem; }

.lendex-table th:nth-child(2) {
  /*Last Updated*/
  width: 10rem; }
  @media (min-width: 1367px) {
    .lendex-table th:nth-child(2) {
      width: 12rem; } }

.lendex-table th:nth-child(3) {
  /*Case Ref*/
  width: 10rem; }

.lendex-table th:nth-child(4) {
  /*Client name*/
  width: 8rem; }
  @media (min-width: 1367px) {
    .lendex-table th:nth-child(4) {
      width: 14rem; } }

.lendex-table th:nth-child(5) {
  /*Lender*/
  width: 8rem; }
  @media (min-width: 1367px) {
    .lendex-table th:nth-child(5) {
      width: 10rem; } }

.lendex-table th:nth-child(6) {
  /*Status*/
  width: 8rem; }
  @media (min-width: 1367px) {
    .lendex-table th:nth-child(6) {
      width: 10rem; } }

.lendex-table th:nth-child(7) {
  /*Description*/
  width: 8rem; }
  @media (min-width: 1367px) {
    .lendex-table th:nth-child(7) {
      width: 14rem; } }

.lendex-table th:nth-child(8) {
  /*Sent*/
  width: 5rem; }

.lendex-table th:nth-child(9) {
  /*Actions*/
  width: 8rem; }
  @media (min-width: 1367px) {
    .lendex-table th:nth-child(9) {
      width: 10rem; } }

.lendex-table th:hover:not(:first-child):not(:last-child) {
  background-color: #822D88; }

.lendex-table th, .lendex-table td {
  vertical-align: middle;
  text-align: left; }
  @media (min-width: 1367px) {
    .lendex-table th, .lendex-table td {
      padding: .5rem; } }

.lendex-table.table-hover tbody tr:hover {
  color: #333; }

.lendex-table tbody tr {
  /*display: none;*/
  /*TODO [AC] - uncomment?*/ }
  .lendex-table tbody tr.unread-message {
    background-color: #dadada;
    display: table-row; }
    .lendex-table tbody tr.unread-message td.message-icon {
      background: url(../Images/message-unread-purple-icon.png) no-repeat center;
      background-size: auto; }
      .lendex-table tbody tr.unread-message td.message-icon:hover {
        cursor: pointer; }
  .lendex-table tbody tr.read-message, .lendex-table tbody tr.no-message {
    display: table-row; }
  .lendex-table tbody tr.read-message td.message-icon, .lendex-table tbody tr.reading-message td.message-icon {
    background: url(../Images/message-read-purple-icon.png) no-repeat center;
    background-size: auto; }
    .lendex-table tbody tr.read-message td.message-icon:hover, .lendex-table tbody tr.reading-message td.message-icon:hover {
      cursor: pointer; }
  .lendex-table tbody tr.reading-message {
    background-color: #c6c6c6 !important;
    display: table-row; }
  .lendex-table tbody tr.message {
    display: none; }
    .lendex-table tbody tr.message.reading-message {
      display: table-row; }
      .lendex-table tbody tr.message.reading-message td {
        border-top: none;
        text-align: left;
        word-wrap: break-word; }

.lendex-table tbody td {
  border-top: 1px solid #777676;
  font-weight: 700; }
  .lendex-table tbody td {
    font-size: 0.75em; }
    @media screen and (min-width: 20em) {
      .lendex-table tbody td {
        font-size: calc(0.75em + 0.393 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .lendex-table tbody td {
        font-size: 1.143em; } }
  .lendex-table tbody td a {
    color: #329096; }
    .lendex-table tbody td a:visited {
      color: #329096; }
    .lendex-table tbody td a:hover {
      color: #47BCC7; }
    .lendex-table tbody td a:active {
      color: #329096; }
  .lendex-table tbody td:nth-child(3), .lendex-table tbody td:nth-child(4), .lendex-table tbody td:nth-child(5), .lendex-table tbody td:nth-child(6), .lendex-table tbody td:nth-child(7) {
    /*Case ref, Client Name, Lender, Status & Description*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px; }
  .lendex-table tbody td .fa-check {
    color: #329096;
    font-size: 1.6em; }

.lendex-table.archive-cases thead {
  background-color: #C9D134; }
  .lendex-table.archive-cases thead div.asc {
    background-image: url("../Images/double-arrow-up-archive.svg"); }
  .lendex-table.archive-cases thead div.desc {
    background-image: url("../Images/double-arrow-down-archive.svg"); }

.lendex-table.archive-cases th:hover:not(:first-child):not(:last-child) {
  background-color: #95A839; }

.lendex-table.archive-cases tbody tr.read-message td.message-icon, .lendex-table.archive-cases tbody tr.reading-message td.message-icon {
  background: url(../Images/message-read-green-icon.png) no-repeat center;
  background-size: auto; }
  .lendex-table.archive-cases tbody tr.read-message td.message-icon:hover, .lendex-table.archive-cases tbody tr.reading-message td.message-icon:hover {
    cursor: pointer; }

.info {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
  padding: 1.5rem; }
  .info .nav-tabs {
    font-size: 1em; }
    @media screen and (min-width: 20em) {
      .info .nav-tabs {
        font-size: calc(1em + 0.125 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .info .nav-tabs {
        font-size: 1.125em; } }
  .info .title {
    font-weight: 500;
    background-color: #47BCC7;
    color: #fff;
    padding: 0.625rem;
    margin-bottom: 1.5rem; }
    .info .title {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .info .title {
          font-size: calc(1em + 0.125 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .info .title {
          font-size: 1.125em; } }
    .info .title .close {
      color: #fff;
      text-shadow: none;
      opacity: 1; }
      .info .title .close span {
        font-size: 1.2em; }
  .info .tab-pane {
    margin: 1rem; }
    .info .tab-pane p {
      font-weight: normal; }
    .info .tab-pane .header {
      font-weight: 700;
      letter-spacing: 1px;
      margin-bottom: 1rem; }
      .info .tab-pane .header {
        font-size: 1em; }
        @media screen and (min-width: 20em) {
          .info .tab-pane .header {
            font-size: calc(1em + 0.125 * ((100vw - 20em) / 77.643)); } }
        @media screen and (min-width: 97.643em) {
          .info .tab-pane .header {
            font-size: 1.125em; } }
    .info .tab-pane .extra-info {
      font-style: italic;
      letter-spacing: 1px; }
      .info .tab-pane .extra-info span {
        margin-right: 1rem; }

.no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0; }

#ModalAbout table td:nth-child(n+2) {
  font-weight: normal; }

.modal-header {
  border-bottom: 1px solid #777676; }
  .modal-header {
    font-size: 1em; }
    @media screen and (min-width: 20em) {
      .modal-header {
        font-size: calc(1em + 0.5 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .modal-header {
        font-size: 1.5em; } }
  .modal-header .title {
    font-weight: 700;
    letter-spacing: 1px; }
  .modal-header .close {
    color: #47BCC7;
    text-shadow: none;
    opacity: 1; }
    .modal-header .close span {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .modal-header .close span {
          font-size: calc(1em + 0.5 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .modal-header .close span {
          font-size: 1.5em; } }

.modal-form {
  padding: 1rem;
  font-weight: 700;
  letter-spacing: 1px; }
  .modal-form .title {
    font-weight: 500;
    background-color: #934292;
    color: #fff;
    padding: 0.625rem;
    margin: 1.5rem 0; }

.modal-image {
  border-left: 5px solid #C9D134;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem; }

.modal-footer {
  border-top: none; }

.modal-content {
  border-radius: .75rem; }

.modal .new-app-image {
  background-image: url(../Images/balamory_modal_popup.jpg); }

.modal .upload-image {
  background-image: url(../Images/documents-9460-ae-jpg.jpg); }

.modal .blank-form-image {
  background-image: url(../Images/balamory_modal_popup.jpg); }

.alert-danger {
  color: #333;
  background-color: #F3CFD8;
  border-color: #F3CFD8; }

.alert-success {
  color: #333;
  background-color: #CCE9BE;
  border-color: #CCE9BE; }

.alert-info {
  color: #333;
  background-color: #C5E3EA;
  border-color: #57BDD7; }

.alert-warning {
  color: #333;
  background-color: #F0E0C2;
  border-color: #E9C174; }

a.dark-blue-link {
  color: #329096; }
  a.dark-blue-link:link {
    color: #329096; }
  a.dark-blue-link:visited {
    color: #329096; }
  a.dark-blue-link:hover {
    color: #47BCC7; }
  a.dark-blue-link:active {
    color: #329096; }

.help-toc {
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
  height: calc(100vh - 3rem);
  overflow-y: auto;
  -ms-flex-order: 2;
  order: 2;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
  font-weight: 700; }
  .help-toc {
    font-size: 0.8em; }
    @media screen and (min-width: 20em) {
      .help-toc {
        font-size: calc(0.8em + 0.325 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .help-toc {
        font-size: 1.125em; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .help-toc {
      /* IE10+ CSS styles go here */
      position: fixed;
      right: 0;
      top: 11.5rem; } }
  .help-toc a {
    background-color: #f6f6f6;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  .help-toc .list-group-item.active {
    background-color: #47BCC7;
    border-color: #47BCC7; }

.help-main {
  -ms-flex-order: 1;
  order: 1;
  position: relative; }
  .help-main h4.section-title {
    font-weight: 500;
    background-color: #934292;
    color: #fff;
    padding: 1rem;
    margin: 1.5rem 0; }
    .help-main h4.section-title {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .help-main h4.section-title {
          font-size: calc(1em + 0.5 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .help-main h4.section-title {
          font-size: 1.5em; } }
    @media (min-width: 992px) {
      .help-main h4.section-title {
        padding: 1.5rem; } }
  .help-main .sub-header {
    font-weight: 700; }
    .help-main .sub-header {
      font-size: 0.9em; }
      @media screen and (min-width: 20em) {
        .help-main .sub-header {
          font-size: calc(0.9em + 0.413 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .help-main .sub-header {
          font-size: 1.313em; } }

.scrollup {
  background-color: #95A839;
  color: #fff;
  font-weight: 700;
  font-size: 1.2em;
  text-align: center;
  bottom: 70px;
  display: none;
  height: 76px;
  width: 40px;
  position: fixed;
  right: 0;
  padding-top: 10px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  z-index: 1000;
  cursor: pointer; }
  .scrollup .fa-chevron-up {
    font-size: 1.5em; }
  .scrollup:hover {
    background-color: #C9D134; }

#ModalClientSelection {
  z-index: 1052 !important; }

/*SVG*/
img.injectable {
  visibility: hidden; }

.menu-icon {
  fill: #fff; }
  .menu-icon:hover {
    fill: #47BCC7;
    cursor: pointer; }

.input-validation-error {
  border: 2px solid #dc3545; }

#NavFormType a {
  color: #c6c6c6; }
  #NavFormType a:visited {
    color: #c6c6c6; }
  #NavFormType a:hover {
    color: #333; }
  #NavFormType a:active {
    color: #333; }

#NavFormType a.active {
  color: #333; }

a.light-blue-link {
  color: #47BCC7; }
  a.light-blue-link:visited {
    color: #47BCC7; }
  a.light-blue-link:hover {
    color: #329096; }
  a.light-blue-link:active {
    color: #47BCC7; }

.client-selection-table {
  max-height: 360px;
  overflow: scroll; }
  .client-selection-table.table td {
    padding: .4rem; }
    @media (min-width: 1367px) {
      .client-selection-table.table td {
        padding: .75rem; } }
  .client-selection-table.table thead th {
    border-bottom: none;
    vertical-align: middle;
    padding: .4rem; }
    .client-selection-table.table thead th:nth-child(6) {
      text-align: center; }
    @media (min-width: 1367px) {
      .client-selection-table.table thead th {
        padding: .75rem; } }
  .client-selection-table th:nth-child(1) {
    width: 9rem; }
  .client-selection-table th:nth-child(2) {
    width: 3rem; }
  .client-selection-table th:nth-child(3) {
    width: 8rem; }
  .client-selection-table th:nth-child(4) {
    width: 4rem; }
  .client-selection-table th:nth-child(5) {
    width: 7rem; }
  .client-selection-table th:nth-child(6) {
    width: 2rem; }
  .client-selection-table th:hover {
    cursor: pointer; }
  .client-selection-table thead {
    background-color: #934292;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700; }
    .client-selection-table thead {
      font-size: 0.5em; }
      @media screen and (min-width: 20em) {
        .client-selection-table thead {
          font-size: calc(0.5em + 0.625 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .client-selection-table thead {
          font-size: 1.125em; } }
  .client-selection-table th, .client-selection-table td {
    vertical-align: middle;
    text-align: left; }
    @media (min-width: 1367px) {
      .client-selection-table th, .client-selection-table td {
        padding: .5rem; } }
    .client-selection-table th:last-child, .client-selection-table td:last-child {
      text-align: center; }
  .client-selection-table.table-hover tbody tr:hover {
    color: #333; }
  .client-selection-table tbody td {
    border-top: 1px solid #777676;
    font-weight: 700; }
    .client-selection-table tbody td {
      font-size: 0.75em; }
      @media screen and (min-width: 20em) {
        .client-selection-table tbody td {
          font-size: calc(0.75em + 0.25 * ((100vw - 20em) / 77.643)); } }
      @media screen and (min-width: 97.643em) {
        .client-selection-table tbody td {
          font-size: 1em; } }
    .client-selection-table tbody td:nth-child(3), .client-selection-table tbody td:nth-child(5) {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 1px; }
    .client-selection-table tbody td div.custom-radio {
      padding-left: 2rem;
      margin-right: 0; }

.send-track-table.table, .track-status-table.table, .test-connections-table.table, .case-details-table.table {
  width: 100% !important; }
  .send-track-table.table td, .track-status-table.table td, .test-connections-table.table td, .case-details-table.table td {
    padding: .4rem; }
    @media (min-width: 1367px) {
      .send-track-table.table td, .track-status-table.table td, .test-connections-table.table td, .case-details-table.table td {
        padding: .75rem; } }

.send-track-table thead, .track-status-table thead, .test-connections-table thead, .case-details-table thead {
  background-color: #934292;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700; }
  .send-track-table thead, .track-status-table thead, .test-connections-table thead, .case-details-table thead {
    font-size: 0.7em; }
    @media screen and (min-width: 20em) {
      .send-track-table thead, .track-status-table thead, .test-connections-table thead, .case-details-table thead {
        font-size: calc(0.7em + 0.443 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .send-track-table thead, .track-status-table thead, .test-connections-table thead, .case-details-table thead {
        font-size: 1.143em; } }
  .send-track-table thead th, .track-status-table thead th, .test-connections-table thead th, .case-details-table thead th {
    border-bottom: none;
    vertical-align: middle;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0; }
    .send-track-table thead th:nth-child(6) .custom-checkbox, .track-status-table thead th:nth-child(6) .custom-checkbox, .test-connections-table thead th:nth-child(6) .custom-checkbox, .case-details-table thead th:nth-child(6) .custom-checkbox {
      padding-left: .5rem; }
    .send-track-table thead th:hover:not(:last-child), .track-status-table thead th:hover:not(:last-child), .test-connections-table thead th:hover:not(:last-child), .case-details-table thead th:hover:not(:last-child) {
      background-color: #822D88; }
  .send-track-table thead.track-status-thead th, .track-status-table thead.track-status-thead th, .test-connections-table thead.track-status-thead th, .case-details-table thead.track-status-thead th {
    padding: 1.125rem 0 1.125rem .5rem; }
    .send-track-table thead.track-status-thead th:nth-child(3), .track-status-table thead.track-status-thead th:nth-child(3), .test-connections-table thead.track-status-thead th:nth-child(3), .case-details-table thead.track-status-thead th:nth-child(3) {
      width: 30%; }
    .send-track-table thead.track-status-thead th:hover, .track-status-table thead.track-status-thead th:hover, .test-connections-table thead.track-status-thead th:hover, .case-details-table thead.track-status-thead th:hover {
      /*override previous &:hover setting*/
      background-color: #822D88; }
  .send-track-table thead.test-connections-thead th, .track-status-table thead.test-connections-thead th, .test-connections-table thead.test-connections-thead th, .case-details-table thead.test-connections-thead th {
    padding: 1.125rem 0 1.125rem .5rem; }
    .send-track-table thead.test-connections-thead th:nth-child(4) .custom-checkbox, .track-status-table thead.test-connections-thead th:nth-child(4) .custom-checkbox, .test-connections-table thead.test-connections-thead th:nth-child(4) .custom-checkbox, .case-details-table thead.test-connections-thead th:nth-child(4) .custom-checkbox {
      float: right;
      margin-right: 1.5rem; }
      @media (min-width: 1200px) {
        .send-track-table thead.test-connections-thead th:nth-child(4) .custom-checkbox, .track-status-table thead.test-connections-thead th:nth-child(4) .custom-checkbox, .test-connections-table thead.test-connections-thead th:nth-child(4) .custom-checkbox, .case-details-table thead.test-connections-thead th:nth-child(4) .custom-checkbox {
          margin-right: 2rem; } }
    .send-track-table thead.test-connections-thead th:hover, .track-status-table thead.test-connections-thead th:hover, .test-connections-table thead.test-connections-thead th:hover, .case-details-table thead.test-connections-thead th:hover {
      /*override previous &:hover setting*/
      background-color: #822D88; }
  .send-track-table thead.case-details-thead th, .track-status-table thead.case-details-thead th, .test-connections-table thead.case-details-thead th, .case-details-table thead.case-details-thead th {
    padding-left: .75rem; }
  .send-track-table thead div.arrow-hack, .track-status-table thead div.arrow-hack, .test-connections-table thead div.arrow-hack, .case-details-table thead div.arrow-hack {
    width: 1rem; }
    @media (min-width: 1367px) {
      .send-track-table thead div.arrow-hack, .track-status-table thead div.arrow-hack, .test-connections-table thead div.arrow-hack, .case-details-table thead div.arrow-hack {
        width: 2rem;
        height: 2rem; } }
  .send-track-table thead div.th-text, .track-status-table thead div.th-text, .test-connections-table thead div.th-text, .case-details-table thead div.th-text {
    vertical-align: middle; }
    @media (min-width: 1367px) {
      .send-track-table thead div.th-text, .track-status-table thead div.th-text, .test-connections-table thead div.th-text, .case-details-table thead div.th-text {
        padding-top: 0.6em; } }
  .send-track-table thead div.sort, .send-track-table thead div.asc, .send-track-table thead div.desc, .track-status-table thead div.sort, .track-status-table thead div.asc, .track-status-table thead div.desc, .test-connections-table thead div.sort, .test-connections-table thead div.asc, .test-connections-table thead div.desc, .case-details-table thead div.sort, .case-details-table thead div.asc, .case-details-table thead div.desc {
    background-repeat: no-repeat;
    background-position: center left; }
  .send-track-table thead div.sort, .track-status-table thead div.sort, .test-connections-table thead div.sort, .case-details-table thead div.sort {
    background-image: url("../Images/double-arrow-white.svg"); }
  .send-track-table thead div.asc, .track-status-table thead div.asc, .test-connections-table thead div.asc, .case-details-table thead div.asc {
    background-image: url("../Images/double-arrow-up.svg"); }
  .send-track-table thead div.desc, .track-status-table thead div.desc, .test-connections-table thead div.desc, .case-details-table thead div.desc {
    background-image: url("../Images/double-arrow-down.svg"); }

.send-track-table th, .send-track-table td, .track-status-table th, .track-status-table td, .test-connections-table th, .test-connections-table td, .case-details-table th, .case-details-table td {
  vertical-align: middle;
  text-align: left; }
  @media (min-width: 1367px) {
    .send-track-table th, .send-track-table td, .track-status-table th, .track-status-table td, .test-connections-table th, .test-connections-table td, .case-details-table th, .case-details-table td {
      padding: .5rem; } }
  .send-track-table th:nth-child(6), .send-track-table td:nth-child(6), .track-status-table th:nth-child(6), .track-status-table td:nth-child(6), .test-connections-table th:nth-child(6), .test-connections-table td:nth-child(6), .case-details-table th:nth-child(6), .case-details-table td:nth-child(6) {
    width: unset;
    text-align: center; }

.send-track-table.table-hover tbody tr:hover, .track-status-table.table-hover tbody tr:hover, .test-connections-table.table-hover tbody tr:hover, .case-details-table.table-hover tbody tr:hover {
  color: #333; }

.send-track-table tbody td, .track-status-table tbody td, .test-connections-table tbody td, .case-details-table tbody td {
  border-top: 1px solid #777676;
  font-weight: 700; }
  .send-track-table tbody td, .track-status-table tbody td, .test-connections-table tbody td, .case-details-table tbody td {
    font-size: 0.75em; }
    @media screen and (min-width: 20em) {
      .send-track-table tbody td, .track-status-table tbody td, .test-connections-table tbody td, .case-details-table tbody td {
        font-size: calc(0.75em + 0.393 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .send-track-table tbody td, .track-status-table tbody td, .test-connections-table tbody td, .case-details-table tbody td {
        font-size: 1.143em; } }
  .send-track-table tbody td a, .track-status-table tbody td a, .test-connections-table tbody td a, .case-details-table tbody td a {
    color: #329096; }
    .send-track-table tbody td a:visited, .track-status-table tbody td a:visited, .test-connections-table tbody td a:visited, .case-details-table tbody td a:visited {
      color: #329096; }
    .send-track-table tbody td a:hover, .track-status-table tbody td a:hover, .test-connections-table tbody td a:hover, .case-details-table tbody td a:hover {
      color: #47BCC7; }
    .send-track-table tbody td a:active, .track-status-table tbody td a:active, .test-connections-table tbody td a:active, .case-details-table tbody td a:active {
      color: #329096; }

.test-connections-tbody td:nth-child(4) {
  width: unset;
  text-align: center; }
  .test-connections-tbody td:nth-child(4) .custom-checkbox {
    float: right;
    margin-right: 1.1rem; }

.form-pin-number label {
  font-size: 1.143em; }

#ModalFeedback select {
  font-weight: 400 !important; }

#ModalFeedback option {
  font-weight: 400 !important; }

.track-status-progress {
  height: 20px;
  border-radius: 0.857em;
  border: 1px solid #777676; }
  .track-status-progress .progress-bar {
    background-color: #C9D134;
    border-radius: 0.857em;
    color: #333; }

.btn-delete-red {
  background-color: #E4434D;
  -moz-border-radius: 42px;
  -webkit-border-radius: 42px;
  border-radius: 42px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-weight: 500; }
  .btn-delete-red {
    font-size: 0.6em; }
    @media screen and (min-width: 20em) {
      .btn-delete-red {
        font-size: calc(0.6em + 0.525 * ((100vw - 20em) / 77.643)); } }
    @media screen and (min-width: 97.643em) {
      .btn-delete-red {
        font-size: 1.125em; } }
  @media (min-width: 1367px) {
    .btn-delete-red {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .btn-delete-red-search {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: .2rem;
    padding-bottom: .2rem; }
  .btn-delete-red:hover {
    background-color: darkred;
    color: #fff; }