@charset "UTF-8";
@import url("open-iconic/font/css/open-iconic-bootstrap.min.css");
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.pageContainer {
  position: relative; }
  @media (min-width: 1024px) {
    .pageContainer {
      display: flex;
      flex: 1; } }

.main {
  padding: 20px;
  width: 100%; }
  @media (min-width: 1024px) {
    .main {
      border-left: 1px solid #B5B5B5; } }
  @media (min-width: 1200px) {
    .main {
      width: calc(100vw - 284px); } }

.t_heading--primary {
  font-size: 25px; }
  @media (min-width: 768px) {
    .t_heading--primary {
      font-size: 42px; } }

.t_heading--secondary {
  margin-bottom: 40px;
  font-size: 20px; }
  @media (min-width: 768px) {
    .t_heading--secondary {
      font-size: 32px; } }

.t_heading--tertiary {
  margin-bottom: 40px;
  font-size: 20px; }
  @media (min-width: 768px) {
    .t_heading--tertiary {
      font-size: 20px; } }

.t_hero__para, .t_hero__para--uppercase {
  margin: 0 0 20px;
  font-size: 16px;
  font-family: "AkzidenzGrotesk", sans-serif;
  line-height: 25px; }
  .t_hero__para:last-of-type, .t_hero__para--uppercase:last-of-type {
    margin: 0 0 40px; }

.t_hero__para--uppercase {
  text-transform: uppercase;
  font-weight: 600; }

*,
*:after,
*:before {
  box-sizing: border-box; }

* {
  margin: 0;
  padding: 0; }

.no-outline * {
  outline: none !important; }

body {
  background-color: #F5F6F8;
  color: #3C3C3C;
  font-family: "AkzidenzGrotesk", sans-serif;
  font-size: 17px;
  line-height: normal;
  overflow-x: hidden;
  color: #3C3C3C; }
  @media (min-width: 768px) {
    body {
      overflow-x: auto; } }

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 0;
  font-family: "AkzidenzGrotesk", sans-serif;
  font-weight: normal; }

a {
  color: #3C3C3C;
  text-decoration: none;
  transition: all ease 0.3s; }
  @media (min-width: 768px) {
    a:hover {
      color: #3C3C3C; } }

p + p {
  margin-top: 20px; }

p a {
  color: #3C3C3C; }
  @media (min-width: 768px) {
    p a:hover {
      text-decoration: underline; } }

ul {
  list-style: none; }
  ul.bullets {
    margin-left: 47px;
    list-style-type: disc; }
    ul.bullets li {
      margin-bottom: 20px;
      padding-left: 10px;
      font-size: 20px; }

button {
  color: #3C3C3C;
  transition: background ease .3s, color ease .3s; }

input {
  width: 100%; }

.input-magnifying-glass {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; }
  .input-magnifying-glass-left {
    left: 16px; }
  .input-magnifying-glass-right {
    right: 16px; }

textarea {
  width: 100%; }

select {
  -o-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.select-down-arrow {
  position: absolute;
  right: 16px;
  bottom: 14px;
  pointer-events: none; }

table {
  border-collapse: collapse;
  margin-bottom: 0 !important;
  word-break: initial;
  font-size: 16px; }
  table th, table td {
    padding: 18px 24px 15px !important;
    vertical-align: middle !important; }
  table.word-break {
    word-break: break-word; }

.noScroll {
  overflow: hidden; }
  @media (min-width: 1024px) {
    .noScroll body {
      margin-right: 20px; } }

.scrollbar-only {
  word-break: break-word; }
  .scrollbar-only::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .scrollbar-only::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .scrollbar-only::-webkit-scrollbar-track {
    background: #F5F6F8; }
  .scrollbar-only::-webkit-scrollbar-thumb {
    background-color: #B5B5B5; }

/*.common-data-scroll {
	overflow-x: auto;
	height: 330px;

	@include bp($bp_tablet) {
		height: 490px;
	}
}*/
.table-status-min-width {
  min-width: 185px !important;
  padding-right: 0 !important; }

.table-actions-min-width {
  min-width: 120px !important; }

@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important; } }

.w-12 {
  width: 12%; }

@media (min-width: 1024px) {
  .min-width-button {
    min-width: 170px; } }

.shadow-sm {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1) !important; }

.bg-enquiry {
  background-color: #E200FF; }

.bg-navy {
  background-color: #0C2E6A; }

.bg-green {
  background-color: #00B058; }

.bg-orange {
  background-color: #F18805 !important; }

.bg-grey {
  background-color: #C5C5C5; }

.bg-amber {
  background-color: #F2C308; }

.bg-red {
  background-color: #FF4C4C; }

.bg-transparent {
  background-color: transparent !important; }

.text-enquiry {
  color: #E200FF !important; }

.text-navy {
  color: #0C2E6A !important; }

.text-green {
  color: #00B058 !important; }

.text-orange {
  color: #F18805 !important; }

@media (min-width: 1024px) {
  .position-md-absolute {
    position: absolute; } }

.text-success.bg-transparent:hover,
.text-warning.bg-transparent:hover,
.text-danger.bg-transparent:hover,
.text-orange.bg-transparent:hover {
  color: white !important; }
  .text-success.bg-transparent:hover.bg-orange,
  .text-warning.bg-transparent:hover.bg-orange,
  .text-danger.bg-transparent:hover.bg-orange,
  .text-orange.bg-transparent:hover.bg-orange {
    background-color: #F18805 !important; }
  .text-success.bg-transparent:hover.bg-light,
  .text-warning.bg-transparent:hover.bg-light,
  .text-danger.bg-transparent:hover.bg-light,
  .text-orange.bg-transparent:hover.bg-light {
    color: #3C3C3C !important; }

.card-large-number-text {
  font-size: 70px;
  line-height: 70px; }
  @media (min-width: 768px) {
    .card-large-number-text {
      font-size: 100px;
      line-height: 100px; } }

@font-face {
  font-family: 'AkzidenzGrotesk';
  src: url("/fonts/Akzidenz-Grotesk-Roman.woff2") format("woff2"), url("/fonts/Akzidenz-Grotesk-Roman.woff") format("woff"), url("/fonts/Akzidenz-Grotesk-Roman.ttf") format("woff"), url("/fonts/Akzidenz-Grotesk-Roman.eot") format("woff"), url("/fonts/Akzidenz-Grotesk-Roman.svg") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.mt-75 {
  margin-top: 75px; }

.mt-150 {
  margin-top: 150px; }

.p-card {
  padding: 2.25em; }

.px-7 {
  margin-top: 75px; }

@media (min-width: 768px) {
  .px-md-6 {
    padding-left: 6em;
    padding-right: 6em; } }

@media (min-width: 1024px) {
  .px-lg-6 {
    padding-left: 6em;
    padding-right: 6em; } }

.rounded-xl {
  border-radius: 12px; }

.text-light {
  color: #B5B5B5 !important; }

.text-orange {
  color: #F18805 !important; }

.border-light {
  border-color: #B5B5B5 !important; }

.border-grey {
  border-color: #3C3C3C !important; }

.border-orange {
  border-color: #F18805 !important; }

.bg-brand-yellow {
  background-color: #FECC00; }

.bg-brand-navy {
  background-color: #000952; }

.height-100 {
  height: 100%; }

.height-80 {
  height: 80%; }

.hide {
  display: none; }

.show {
  display: block; }

.disable {
  opacity: 0.5;
  cursor: not-allowed; }

.text-primary.bg-primary:hover {
  color: #FFFFFF !important; }

.cursor-pointer {
  cursor: pointer; }

.btn {
  position: relative;
  display: block;
  width: 80%;
  margin: auto;
  padding: 15px 50px;
  background-color: #3C3C3C;
  color: #ffffff;
  font-family: "AkzidenzGrotesk", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  border-radius: 500px;
  border: none;
  transition: all ease 0.3s;
  cursor: pointer;
  z-index: 1; }
  @media (min-width: 768px) {
    .btn {
      display: inline-block;
      width: auto; }
      .btn:hover {
        color: #ffffff;
        background-color: #F5F6F8; } }
  .btn__margTop {
    margin-top: 40px; }
  @media (max-width: 767px) {
    .btn--stickyOrder {
      margin: 0;
      width: calc(100% - 38%);
      padding: 15px 30px; } }

.status-circle {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 500px;
  width: 15px;
  height: 15px; }

.circle-icon {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  border-radius: 500px;
  width: 39px;
  height: 39px;
  vertical-align: middle;
  background-color: transparent; }
  .circle-icon img {
    height: 45%; }

.mainHeader {
  height: 77px;
  max-height: 77px;
  padding-right: 40px;
  background-color: #000952; }
  @media (min-width: 768px) {
    .mainHeader {
      padding-right: 0; } }
  .mainHeader__logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 20; }
  .mainHeader__burgerBtn {
    display: block;
    position: relative;
    top: 17px;
    right: -20px;
    margin-left: 30px;
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: none;
    border-radius: 6px;
    z-index: 20;
    outline: none; }
    @media (min-width: 768px) {
      .mainHeader__burgerBtn {
        right: 20px; } }
    @media (min-width: 1200px) {
      .mainHeader__burgerBtn {
        display: none; } }
    .mainHeader__burgerBtn span:before,
    .mainHeader__burgerBtn span:after,
    .mainHeader__burgerBtn span {
      position: relative;
      top: 0;
      height: 5px;
      display: block;
      background-color: #ffffff;
      pointer-events: none;
      transition: all ease 0.3s;
      border-radius: 4px; }
    .noScroll .mainHeader__burgerBtn span {
      background: none; }
    .mainHeader__burgerBtn span:before {
      top: -10px;
      content: ""; }
      .noScroll .mainHeader__burgerBtn span:before {
        top: 0px;
        transform: rotate(45deg); }
    .mainHeader__burgerBtn span:after {
      top: 5px;
      content: ""; }
      .noScroll .mainHeader__burgerBtn span:after {
        top: -5px;
        transform: rotate(-45deg); }
  .mainHeader__search {
    padding: 20px 0;
    margin-left: 270px; }
  .mainHeader__notification_circle {
    min-width: 25px;
    height: 25px;
    top: 15px;
    right: 1px;
    font-size: 14px; }
  .mainHeader__user {
    display: none; }
    @media (min-width: 768px) {
      .mainHeader__user {
        display: block; } }
    .mainHeader__user:hover .mainHeader__user_menu {
      opacity: 1;
      top: 77px; }
    .mainHeader__user > button {
      padding: 20px 0; }
  .mainHeader__user_menu {
    opacity: 0;
    transition: opacity ease .3s;
    position: absolute;
    top: -200px;
    right: -40px;
    width: 100vw;
    background-color: #000952;
    z-index: 25; }
    @media (min-width: 768px) {
      .mainHeader__user_menu {
        right: 0;
        width: 330px; } }
    .mainNav .mainHeader__user_menu {
      display: block;
      position: relative;
      top: auto;
      right: auto;
      left: -20px;
      opacity: 1; }
      @media (min-width: 768px) {
        .mainNav .mainHeader__user_menu {
          display: none; } }
    .mainHeader__user_menu__link {
      display: block;
      padding: 15px 20px;
      color: white; }
      @media (min-width: 768px) {
        .mainHeader__user_menu__link {
          padding: 20px 30px; } }
      .mainHeader__user_menu__link:hover {
        background-color: rgba(255, 255, 255, 0.15);
        color: white;
        text-decoration: none; }

.mainNav {
  display: none;
  position: absolute;
  flex: 0 0 auto;
  width: 100%;
  /*height: 100%;*/
  padding: 20px;
  background-color: #F5F6F8;
  color: #3C3C3C;
  z-index: 20;
  /*  &__settingsBtn_container {
    @include bp($bp_desktop-xl) {
      position: fixed;
      bottom: 20px;
    }

    @media (max-height: 900px) {
      position: relative;
      bottom: auto;
    }
  }*/ }
  .mainNav.active {
    display: block; }
  @media (min-width: 1200px) {
    .mainNav {
      display: block;
      position: relative;
      width: 240px;
      background-color: transparent; } }
  @media (min-width: 1200px) {
    .mainNav__toggleSubMenu:hover {
      color: #000952;
      transition: all ease .3s; } }
  .mainNav__toggleSubMenu span img {
    transition: all ease .3s; }
    .menu_open .mainNav__toggleSubMenu span img {
      transform: rotate(180deg); }
  .mainNav__subMenu {
    position: absolute;
    display: none; }
    .menu_open .mainNav__subMenu {
      position: relative;
      display: block; }
  .mainNav__icon__active {
    display: none; }
  .mainNav__links {
    opacity: 0;
    transition: all ease .01s;
    display: block;
    padding: 8px;
    padding-left: 55px; }
    .menu_open .mainNav__links {
      transition: all ease .5s;
      opacity: 1; }
    @media (min-width: 1024px) {
      .mainNav__links:hover {
        color: #000952;
        text-decoration: none; } }
    .mainNav__links__active {
      color: #000952;
      border-radius: 5px;
      background-color: #dbdfff; }
      .mainNav__links__active .mainNav__icon__default {
        display: none; }
      .mainNav__links__active .mainNav__icon__active {
        display: inline-block; }

button.mainNav__links__active {
  background-color: #dbdfff !important;
  padding: 5px; }

button.mainNav__links__active.menu_open {
  background-color: transparent !important;
  padding: 0; }

.modal {
  background-color: rgba(0, 0, 0, 0.3); }
  .modal-content {
    width: calc(100% - 20px);
    max-height: 80%;
    max-width: 500px;
    overflow-y: scroll; }
    .modal-content-wide {
      max-width: 80%; }
  .modal-dialog {
    max-width: none;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .modal-header .close {
    top: 10px;
    position: relative; }

.block {
  position: relative;
  overflow: hidden;
  background-color: #F5F6F8; }
  .block__content {
    position: relative;
    padding: 30px 0;
    text-align: center; }
    @media (min-width: 1024px) {
      .block__content {
        padding: 80px 17%; } }

.beeta-loader {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5) center center no-repeat;
  z-index: 10000; }
  .beeta-loader-inner {
    border: 16px solid silver;
    border-top: 16px solid #FECC00;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute; }
  .beeta-loader.bg-transparent {
    background: transparent !important; }
    .beeta-loader.bg-transparent .d-none {
      display: none !important; }
  .beeta-loader-text {
    top: 55%;
    left: 55%;
    position: absolute;
    color: white; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.dv-counter {
  list-style-type: none;
  counter-reset: css-counter 0;
  /* initializes counter to 0; use -1 for zero-based numbering */ }
  .dv-counter .counter-label {
    counter-increment: css-counter 1;
    /* Increase the counter by 1. */ }
    .dv-counter .counter-label:before {
      content: counter(css-counter) ". ";
      /* Apply counter before children's content. */ }

.border-bottom-radius-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.word-break-all {
  word-break: break-all; }

.common-data-scroll {
  overflow-x: auto;
  height: 330px; }
  @media (min-width: 768px) {
    .common-data-scroll {
      height: 490px; } }

.red {
  color: #E30613; }

.amber {
  color: #F2C308; }

.green {
  color: #009640; }

@media (min-width: 1024px) {
  .min-md-vh-75 {
    min-height: 75vh; } }

.hide-number-arrow {
  /* Firefox */ }
  .hide-number-arrow::-webkit-outer-spin-button, .hide-number-arrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .hide-number-arrowinput[type=number] {
    -moz-appearance: textfield; }

w-auto {
  width: auto; }

.audit-timeline {
  /*font-family: 'Helvetica';*/
  /*font-size: 16px;*/
  /*border: 1px solid #CCC;*/ }
  .audit-timeline .StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none; }
    .audit-timeline .StepProgress::before {
      display: inline-block;
      content: '';
      position: absolute;
      top: 0;
      left: 15px;
      width: 10px;
      height: 100%;
      border-left: 2px solid #CCC; }
    .audit-timeline .StepProgress-item {
      position: relative;
      counter-increment: list; }
      .audit-timeline .StepProgress-item:not(:last-child) {
        padding-bottom: 20px; }
      .audit-timeline .StepProgress-item::before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -30px;
        height: 100%;
        width: 10px; }
      .audit-timeline .StepProgress-item::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: -42px;
        width: 25px;
        height: 25px;
        border: 2px solid #CCC;
        border-radius: 50%;
        background-color: #FFF; }
      .audit-timeline .StepProgress-item.is-done {
        color: green; }
        .audit-timeline .StepProgress-item.is-done p {
          padding: 0; }
        .audit-timeline .StepProgress-item.is-done::before {
          border-left: 2px solid green; }
        .audit-timeline .StepProgress-item.is-done::after {
          content: "✔";
          font-size: 15px;
          color: #FFF;
          text-align: center;
          border: 2px solid green;
          background-color: green; }
      .audit-timeline .StepProgress-item.current {
        color: blue; }
        .audit-timeline .StepProgress-item.current::before {
          border-left: 2px solid #CCC; }
        .audit-timeline .StepProgress-item.current::after {
          content: "❯";
          padding-top: 1px;
          width: 25px;
          height: 25px;
          top: -2px;
          left: -42px;
          font-size: 14px;
          text-align: center;
          color: blue;
          border: 2px solid blue;
          background-color: white; }
    .audit-timeline .StepProgress strong {
      display: block; }

/*html, body {*/
/*font-family: 'Gothic A1', sans-serif;*/
/*font-family: 'Nanum Gothic', sans-serif;*/
/*font-family: 'Roboto', sans-serif;
	min-height: 100%;
	min-height: 100vh;
	background-color: #F9F9F9;
	color: #717171;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .font-weight-bold {
	font-weight: 700;
}

a, .btn-link {
	color: #0366d6;
}*/
/*.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}
*/
.form-control::-webkit-input-placeholder {
  color: lightgray !important; }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: lightgray !important;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: lightgray !important; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: lightgray !important; }

app {
  display: contents;
  /*position: relative;
	display: flex;
	flex-direction: column;*/ }

/*.top-row {
	height: 3.5rem;
	display: flex;
	align-items: center;
	z-index: 1;
}*/
/*.main {
	flex: 1;
}

	.main .top-row {
		background-color: white;
		border-bottom: 1px solid #d6d5d5;
		justify-content: space-between;
	}

		.main .top-row > a, .main .top-row .btn-link {
			white-space: nowrap;
			margin-left: 1.5rem;
		}

		.main .top-row a:first-child {
			overflow: hidden;
			text-overflow: ellipsis;
		}*/
/*.sidebar {
	background-color: rgb(12, 46, 106);
}

	.sidebar .top-row {
		background-color: rgb(254, 204, 0);
	}

	.sidebar .navbar-brand {
		font-size: 1.1rem;
	}

	.sidebar .oi {
		width: 2rem;
		font-size: 1.1rem;
		vertical-align: text-top;
		top: -2px;
	}

	.sidebar .nav-item {
		font-size: 0.9rem;
		padding-bottom: 0.5rem;
	}

		.sidebar .nav-item:first-of-type {
			padding-top: 1rem;
		}

		.sidebar .nav-item:last-of-type {
			padding-bottom: 1rem;
		}

		.sidebar .nav-item a {
			color: #d7d7d7;
			border-radius: 4px;
			height: 3rem;
			display: flex;
			align-items: center;
			line-height: 3rem;
		}

			.sidebar .nav-item a.active {
				background-color: rgba(255,255,255,0.25);
				color: white;
			}

			.sidebar .nav-item a:hover {
				background-color: rgba(255,255,255,0.1);
				color: white;
			}*/
/*.content {
	min-height: 88vh;
}*/
/*.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
*/
.termsLink {
  color: gray !important; }

.footer {
  background-color: white;
  border-top: 1px solid gray;
  position: sticky;
  bottom: 0;
  height: 50px;
  justify-items: center;
  line-height: 50px;
  overflow: visible; }

.footerCopyright {
  margin: 0rem !important;
  color: gray !important; }

/*.navbar-toggler {
	background-color: rgba(255, 255, 255, 0.1);
}*/
.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050; }

.invalid {
  outline: 1px solid red; }

.validation-message {
  color: red; }

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000; }

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem; }

.selectable-ul {
  height: 250px;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #ccc; }

.selectable-ul-taller {
  min-height: 250px; }

@media (min-width: 768px) {
  .selectable-ul-taller {
    min-height: 500px; } }

.selectable-ul li {
  cursor: pointer;
  border-bottom: 1px #eee solid;
  padding: 8px 15px;
  font-size: 16px; }

.selectable-ul li:not(.bg-color-1):hover {
  background-color: #dae0e5 !important;
  /*color: #fff;*/ }

a.btn-disabled, button.btn-disabled {
  cursor: not-allowed;
  opacity: 0.5; }
  a.btn-disabled:hover, a.btn-disabled:focus, button.btn-disabled:hover, button.btn-disabled:focus {
    background-color: transparent !important; }

.upload-button input[type=file] {
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  border: none;
  opacity: 0; }
  .upload-button input[type=file]:before {
    width: inherit;
    height: inherit;
    font-size: 16px;
    /*line-height: 32px;*/
    content: '';
    display: inline-block;
    background: white;
    padding: 0 10px;
    text-align: center; }
  .upload-button input[type=file]::-webkit-file-upload-button {
    visibility: hidden; }

.upload-button span {
  display: none; }

/* Custom CSS End */
@media (max-width: 767.98px) {
  /*.main .top-row:not(.auth) {
		display: none;
	}

	.main .top-row.auth {
		justify-content: space-between;
	}

	.main .top-row a, .main .top-row .btn-link {
		margin-left: 0;
	}*/ }

@media (min-width: 768px) {
  /*app {
		flex-direction: row;
	}*/
  /*.sidebar {
		width: 170px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.main .top-row {
		position: sticky;
		top: 0;
	}

	.main > div {
		padding-left: 2rem !important;
		padding-right: 1.5rem !important;
	}

	.blueHeaderBar {
		margin-left: -2rem !important;
		margin-right: -1.5rem !important;
		margin-left: -2rem !important;
		margin-right: -1.5rem !important;
	}*/
  /*	.navbar-toggler {
		display: none;
	}
*/
  /*.sidebar .collapse {*/
  /*Never collapse the sidebar for wide screens*/
  /*display: block;
	}

	.card-body {
		padding-left: 2rem !important;
	}

	.cardBodyNoLeftPad {
		padding-left: 0rem !important;
	}*/ }

/*.blueHeaderBar {
	background-color: rgba(22, 107, 207, 1);
	color: white;
	padding: 2rem;
	margin-bottom: 2rem;
}*/
/*.dashboardLogoHolder {
	font-size: 160% !important;
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 14px 0 0;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}*/
.vertical-centre {
  min-height: 95%;
  min-height: 95vh;
  display: flex;
  align-items: center; }

#forgot-password {
  text-decoration: underline; }

#viewerIFrame iframe {
  width: 100%;
  height: 100%;
  min-height: 400px; }

.documentView {
  min-height: 70vh; }

.docsRequired {
  min-height: 70vh; }

.docTrafficLight {
  font-size: 2em; }

.docAcceptExpand {
  font-size: 2em;
  justify-content: flex-end;
  color: grey;
  margin: auto; }

.border-grey {
  border: 1px solid #ced4da; }

.border-blue {
  border: 2px solid #8A9AB8; }

.text-blue {
  color: #0C2E6A; }

.bg-color-1 {
  background-color: #0E6BD0 !important; }

.bg-color-2 {
  background-color: #0ED056 !important; }

.bg-color-3 {
  background-color: #FECD00 !important; }

.bg-color-4 {
  background-color: #FF4C4C !important;
  color: #FFFFFF !important; }

.bg-color-5 {
  background-color: #00973E !important;
  color: #FFFFFF !important; }

.bg-color-6 {
  background-color: #C5C5C5 !important; }

.bg-color-7 {
  background-color: #a7adde !important; }

.bg-color-7-lighter {
  background-color: #dbdfff !important; }

.bg-color-8 {
  background-color: #b6bae0 !important; }

.bg-color-8-lighter {
  background-color: #e8eaff !important; }

.bg-color-9 {
  background-color: #EBF3EC !important; }

.bg-color-10 {
  background-color: #F4F4F4 !important; }

.bg-color-11 {
  background-color: #4B0495 !important;
  color: #FFFFFF !important; }

.bg-color-12 {
  background-color: #EE4332 !important;
  color: #FFFFFF !important; }

.bg-color-13 {
  background-color: #E904F9 !important;
  color: #FFFFFF !important; }

.bg-color-14 {
  background-color: #20D701 !important;
  color: #FFFFFF !important; }

.bg-color-32 {
  background-color: #788929 !important; }

.bg-color-33 {
  background-color: #de0ce2 !important; }

.bg-color-34 {
  background-color: #d0778d !important; }

.bg-color-35 {
  background-color: #c42b2b !important; }

.icon-chev-right {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block; }

.icon-chev-right:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid grey;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg); }

.icon-chev-down:before {
  content: " ";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid grey;
  border-left: none;
  border-bottom: none;
  transform: rotate(135deg); }

.file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%; }

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

.file-custom:after {
  content: "Choose file..."; }

span ~ span.file-custom {
  display: none; }

@media (min-width: 768px) {
  .rulesEngineRule-maxWidth {
    max-width: 250px; } }

@media (min-width: 1400px) {
  .rulesEngineRule-maxWidth {
    max-width: none; } }

.bl-1 {
  border-left: 1px solid #F5F6F8; }

.login-cinch-logo {
  margin: 15px;
  max-width: 370px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; }
  @media (min-width: 992px) {
    .login-cinch-logo {
      max-width: 500px; } }

.login-remember-me input {
  width: auto;
  margin-left: 26px; }

.blazored-toast-container {
  z-index: 10000; }

.rotate-m90 {
  transform: rotate(-90deg); }

.rotate-90 {
  transform: rotate(90deg); }

@media (min-width: 768px) {
  .rotate-md-0 {
    transform: rotate(0); } }

.cursor-pointer {
  cursor: pointer; }

@media (min-width: 1600px) {
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; } }

@media (min-width: 1600px) {
  .mr-xxl-3 {
    margin-right: 1rem !important; }
  .ml-xxl-3 {
    margin-left: 1rem !important; } }

@media (min-width: 1024px) {
  .px-lg-6 {
    padding-left: 6em;
    padding-right: 6em; } }

@media (min-width: 1400px) {
  .px-xl-6 {
    padding-left: 6em;
    padding-right: 6em; } }

.rules_engine_table_accordion {
  border: 0px solid #0E6BD0;
  /*background-color: #458bd8;*/ }
  .rules_engine_table_accordion.show {
    display: table-row !important; }

.table-md th,
.table-md td {
  padding: 13px 20px !important;
  vertical-align: middle !important; }

.table .p-0 {
  padding: 0 !important; }

.modal .modal-content {
  overflow-y: auto; }
  .modal .modal-content .modal-body {
    overflow-y: auto; }
  .modal .modal-content .modal-footer.justify-content-center {
    justify-content: center; }

.custom-tooltip {
  position: relative;
  display: inline-block; }

.custom-tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-weight: 400;
  font-size: 0.75rem; }

.custom-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; }

.custom-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

.nav-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 13px;
  background-repeat: no-repeat; }

.nav-icon-copy {
  background-image: url("/img/icons/copy.svg"); }

.remove-option-icon {
  position: absolute;
  right: 16px;
  bottom: 14px;
  cursor: pointer; }

fieldset:disabled input, fieldset:disabled select, fieldset:disabled checkbox, fieldset:disabled textarea, fieldset:disabled radio, fieldset:disabled button, fieldset:disabled .custom-control-label, fieldset:disabled .custom-control-input {
  pointer-events: none; }
  fieldset:disabled input:hover, fieldset:disabled select:hover, fieldset:disabled checkbox:hover, fieldset:disabled textarea:hover, fieldset:disabled radio:hover, fieldset:disabled button:hover, fieldset:disabled .custom-control-label:hover, fieldset:disabled .custom-control-input:hover {
    pointer-events: none; }

.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.common-cinch-logo {
  width: 200px;
  height: 44px;
  margin-left: -30px; }

.mainlayout-cinch-logo {
  width: 25%;
  height: 25%;
  margin-top: 10px;
  margin-left: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  @media (min-width: 768px) {
    .mainlayout-cinch-logo {
      width: 200px;
      height: 44px;
      margin: 0px; } }