@import url("https://use.typekit.net/pag0pfi.css");
@import url("https://use.typekit.net/pag0pfi.css");
.h1 {
  font-size: 18px;
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .h1 {
    font-size: 44px;
  }
}
.h1.--primary {
  color: #212934;
}

.h2 {
  font-size: 12px;
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .h2 {
    font-size: 32px;
  }
}
.h2.--primary {
  color: #212934;
}

.h3 {
  font-size: 12px;
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .h3 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .h3 {
    font-size: 18px;
  }
}
.h3.--primary {
  color: #212934;
}

.h4 {
  font-size: 12px;
  margin: 0px;
}
.h4.--primary {
  color: #212934;
}
.h4.--primary {
  color: #212934;
}

.para {
  font-size: 12px;
  font-weight: normal;
}

@font-face {
  font-family: "icomoon";
  src: url("../../assets/fonts/icomoon.eot?ip3ks8");
  src: url("../../assets/fonts/icomoon.eot?ip3ks8#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon.ttf?ip3ks8") format("truetype"), url("../../assets/fonts/icomoon.woff?ip3ks8") format("woff"), url("../../assets/fonts/icomoon.svg?ip3ks8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chart-bar:before {
  content: "\e906";
}

.icon-close:before {
  content: "\e907";
}

.icon-download:before {
  content: "\e908";
}

.icon-envelope:before {
  content: "\e909";
}

.icon-indent-decrease:before {
  content: "\e90a";
}

.icon-indent-increase:before {
  content: "\e90b";
}

.icon-question:before {
  content: "\e90c";
}

.icon-collapse-ico:before {
  content: "\e900";
}

.icon-dash-ico:before {
  content: "\e901";
}

.icon-downloads-ico:before {
  content: "\e902";
}

.icon-mail-ico:before {
  content: "\e903";
}

.icon-reports-ico:before {
  content: "\e904";
}

.icon-support-ico:before {
  content: "\e905";
}

.sb-show-main.sb-main-padded {
  padding: 0px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: 0;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
}

button {
  cursor: pointer;
  font-weight: 400;
}

button,
input,
textarea {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
}

ul {
  list-style: none;
  padding: 0px !important;
  margin: 0px;
  width: 100%;
}

* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

*::-webkit-scrollbar {
  display: none;
}

a {
  color: #000000 !important;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.h1 {
  font-size: 18px;
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .h1 {
    font-size: 44px;
  }
}
.h1.--primary {
  color: #212934;
}

.h2 {
  font-size: 12px;
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .h2 {
    font-size: 32px;
  }
}
.h2.--primary {
  color: #212934;
}

.h3 {
  font-size: 12px;
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .h3 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .h3 {
    font-size: 18px;
  }
}
.h3.--primary {
  color: #212934;
}

.h4 {
  font-size: 12px;
  margin: 0px;
}
.h4.--primary {
  color: #212934;
}
.h4.--primary {
  color: #212934;
}

.para {
  font-size: 12px;
  font-weight: normal;
}

@font-face {
  font-family: "icomoon";
  src: url("../../assets/fonts/icomoon.eot?ip3ks8");
  src: url("../../assets/fonts/icomoon.eot?ip3ks8#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon.ttf?ip3ks8") format("truetype"), url("../../assets/fonts/icomoon.woff?ip3ks8") format("woff"), url("../../assets/fonts/icomoon.svg?ip3ks8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chart-bar:before {
  content: "\e906";
}

.icon-close:before {
  content: "\e907";
}

.icon-download:before {
  content: "\e908";
}

.icon-envelope:before {
  content: "\e909";
}

.icon-indent-decrease:before {
  content: "\e90a";
}

.icon-indent-increase:before {
  content: "\e90b";
}

.icon-question:before {
  content: "\e90c";
}

.icon-collapse-ico:before {
  content: "\e900";
}

.icon-dash-ico:before {
  content: "\e901";
}

.icon-downloads-ico:before {
  content: "\e902";
}

.icon-mail-ico:before {
  content: "\e903";
}

.icon-reports-ico:before {
  content: "\e904";
}

.icon-support-ico:before {
  content: "\e905";
}

.--row {
  flex-direction: row !important;
}

.--column {
  flex-direction: column !important;
}

.--center {
  justify-content: center !important;
}

.appContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: #212934;
  overflow: scroll;
  padding-top: 80px;
  margin-bottom: 90px;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .appContainer {
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1024px) {
  .appContainer {
    margin-left: 80px;
    margin-bottom: 0px;
  }
}

.--expanded {
  margin-left: 0px;
}
@media only screen and (min-width: 768px) {
  .--expanded {
    margin-left: 260px;
  }
}
@media only screen and (min-width: 1024px) {
  .--expanded {
    margin-left: 18vw;
  }
}

.--fullScreen {
  margin: 0px 0px 0px !important;
  width: 100%;
  height: calc(100vh - 80px);
  padding: 98px 24px 18px 24px;
}

.--forceFullScreenHeight {
  height: 100vh;
}

.--center {
  margin-top: 0px !important;
  justify-content: center;
}

.--footer {
  height: calc(100vh - 60px);
}

@media only screen and (max-width: 768px) {
  .--registration {
    padding: 98px 0px 18px 0px;
  }
}

.Avatar {
  width: 42px;
  height: 42px;
}
.Avatar img {
  width: 42px;
  height: 42px;
}

.button {
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  transition: 0.3s;
}
.button:hover {
  transform: scale(1.1);
}
.button.primary {
  color: white;
  background-color: #212934;
}
.button.secondary {
  color: #333;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
.button.small {
  font-size: 12px;
  padding: 10px 16px;
}
.button.medium {
  font-size: 14px;
  padding: 11px 20px;
}
.button.large {
  font-size: 16px;
  padding: 12px 24px;
}

.documentCard {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 50px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .documentCard {
    margin-bottom: 14px;
  }
}
.documentCard.--transparent {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.documentCard.--center {
  justify-content: center;
  justify-content: center;
}
.documentCard.--fullscreen {
  height: calc(100vh - 160px);
}
.documentCard.--primary {
  display: flex;
}
.documentCard.--secondary {
  display: flex;
  flex: 0 1 20vw;
  border-radius: 15px;
}
.documentCard.--rounded {
  border-radius: 15px;
}
.documentCard.--enquiryform textarea {
  height: 200px;
}
.documentCard.--submissionoptions {
  padding: 25px;
}

.im-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 127px;
  padding: 8px;
  border-radius: 7px;
  border-width: 0px;
}
.im-btn:hover {
  box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}
.im-btn-primary {
  background-color: #212934;
  color: #fff;
}
.im-btn-primary:disabled {
  background-color: rgba(0, 0, 0, 0.45);
  border-color: rgba(0, 0, 0, 0.45);
  cursor: not-allowed;
}
.im-btn-secondary {
  background-color: #707070;
  color: #fff;
}
.im-btn-grey {
  background-color: #707070;
  color: #FFF;
}
.im-btn-black {
  background-color: #000;
  color: #FFF;
}
.im-btn.--md {
  max-width: 208px;
  width: 100%;
  padding: 18px;
}
.im-btn-back {
  border-radius: 20px;
  background: transparent;
  border-color: black;
  border-width: 1px;
}

.--no-line {
  background-color: transparent;
}
.--no-line.im-btn-primary {
  color: #212934 !important;
}
.--no-line.im-btn-secondary {
  color: #707070 !important;
}
.--no-line.im-btn-grey {
  color: #707070 !important;
}

.imFileUpload {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  border: 2px dashed #000;
  max-width: 576px;
  width: 100%;
  height: 100%;
  min-height: 160px;
}
.imFileUpload .k-dropzone {
  background-color: transparent;
}

.ImFooter {
  position: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  bottom: 0px;
  left: 80px;
  width: calc(100vw - 80px);
  background-color: #fff;
  border-top: 1px solid #000;
  max-height: 60px;
  height: 100%;
}
.ImFooter > div {
  margin: 0px;
  height: 100%;
}
.ImFooter.--collapsed {
  left: 18vw;
  width: 82vw;
  background-color: transparent;
}
.ImFooter.--transparent {
  border: none;
  padding: 12px 24px;
  background-color: transparent;
  justify-content: space-evenly;
}
.ImFooter.--fullscreen {
  width: 100vw;
  left: 0px;
}

.link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 12px auto;
  cursor: pointer;
  text-decoration: none;
  color: black;
  height: 24px;
}
.link:hover {
  color: #212934;
}
.link_icon {
  margin-right: 10px;
}
.link:hover {
  color: #212934;
}
.link__icon .link:hover {
  border-bottom: 1px solid #212934;
}
.link__label .link:hover {
  text-decoration: underline;
}

.mobileMenu {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  bottom: 0px;
  height: 80px;
  background: #fff;
  width: 100vw;
  box-shadow: 0 8px 8px 7px grey;
  padding: 8px 24px;
}
.mobileMenu ul {
  display: flex;
  flex-direction: row;
}
.mobileMenu ul li {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobileMenu ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .mobileMenu {
    display: none;
  }
}

.navBar-iMail {
  position: fixed !important;
  display: flex;
  justify-content: space-between;
  top: 0px;
  left: 0px;
  width: 100vw;
  box-shadow: 0 6px 6px -7px grey;
  background-color: #fff;
  z-index: 100;
  height: 80px;
  padding: 12px 24px !important;
}
.navBar-iMail img {
  width: 100%;
  height: 100%;
  max-width: 192px;
  max-height: 48px;
}
.navBar-iMail h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  padding: 15px 24px;
  width: 100%;
  font-size: 18px;
  padding-left: 50px;
  width: 100%;
  font-weight: bold;
}
.navBar-iMail .topUpContainer {
  display: flex;
}
.navBar-iMail .topUpContainer span {
  display: flex;
  justify-content: center;
  width: 250px;
  align-items: center;
  border: 1px solid #f4f4f4;
  border-radius: 7px;
}
.navBar-iMail .topUpContainer .im-btn {
  justify-content: center;
  min-width: 80px;
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  .navBar-iMail .topUpContainer {
    display: none;
  }
}

.pageContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 8px;
  padding: 4px;
}
.pageContainer.--fullscreen {
  height: calc(100vh - 160px);
}
@media only screen and (min-width: 768px) {
  .pageContainer {
    justify-content: flex-start;
    flex-direction: row;
    padding: 12px;
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 1024px) {
  .pageContainer {
    padding: 24px;
  }
}
@media only screen and (min-width: 2560px) {
  .pageContainer {
    padding: 5vw;
  }
}

.pageHeading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  padding: 15px 24px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .pageHeading {
    flex-direction: row;
  }
}

.filters {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .filters {
    flex-direction: row;
  }
}
.filtersItem {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  min-width: 150px;
  margin-bottom: 0px;
}
.filtersItem:hover {
  color: #212934;
}

.sideNav {
  position: fixed;
  width: 80px;
  height: calc(100vh - 60px);
  background-color: #fff;
  border: 0px 0.5px 0.5px solid #000;
  display: none;
  top: 80px;
}
@media only screen and (min-width: 768px) {
  .sideNav {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  .sideNav {
    display: flex;
    flex-direction: column;
  }
}
.sideNav-header-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.--open .sideNav-header-container {
  justify-content: flex-start;
  align-items: center;
}
.sideNav-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 80px;
  height: 80px;
  border-bottom: 0.5px solid #f4f4f4;
  margin: auto;
  width: 100%;
}
.sideNav-header-info {
  margin-left: 14px;
}
.sideNav-header-name {
  font-size: 18px;
}
.sideNav-header-title {
  font-size: 12px;
}
.--open .sideNav-header {
  justify-content: flex-start;
}
@media only screen and (min-width: 1024px) {
  .--open .sideNav-header {
    padding: 17px 24px;
  }
}
.sideNav-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 2;
  margin: 13px auto;
}
.sideNav-menu ul {
  width: 100%;
}
.sideNav-menu ul li {
  width: 100%;
  margin: 26px auto;
}
.--open .sideNav-menu {
  margin: 13px 24px;
  justify-content: flex-start;
}
.sideNav-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 80px;
  width: 100%;
  border-top: 1px solid #f4f4f4;
  padding: 12px 24px;
  height: 60px;
}
@media only screen and (min-width: 1024px) {
  .sideNav-footer > ul > li > div {
    margin: 0px !important;
  }
}
.--open .sideNav-footer {
  justify-content: flex-start;
}

.--open {
  min-width: 250px;
  width: 18vw;
}

.ImToast {
  display: flex;
}

.im-reports-rows {
  padding: 5px 0px 5px 0px;
}

.im-reports-labels {
  width: 16.66%;
}

.im-reports-controls {
  width: 83.33%;
}

.imTabButtonGroup {
  width: 100%;
  margin-bottom: 5px;
}
.imTabButtonGroup .imTabButtons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.im-tab-btn {
  padding: 8px 25px;
  background: none;
  border: none;
  border-bottom-style: outset;
  border-bottom-width: 2px;
  color: #b3b3b7;
}
.im-tab-btn-selected {
  color: #000000;
  border-bottom-color: #000000;
}

.imSendMail-svg-container {
  width: 48px;
  height: 48px;
  background-color: #707070;
  border-radius: 5px;
  display: flex;
  margin: auto;
}
.imSendMail-svg-container-focused {
  background-color: #212934;
}
.imSendMail-svg-container-small {
  height: 10px;
  width: 10px;
}
.imSendMail-svg-container-medium {
  height: 20px;
  width: 20px;
}
.imSendMail-svg-icon {
  fill: #fff;
}
.imSendMail-svg-icon-black {
  fill: black;
}
.imSendMail-svg-icon-small {
  height: 20px;
  width: 10px;
}

.fileNotification {
  border-radius: 5px;
  padding: 10px;
}
.fileNotification-success {
  background-color: #CEF5BD;
}
.fileNotification-failure {
  background-color: #F5BDBD;
}

.imlistItem {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  border-radius: 5px;
  font-size: small;
}
.imlistItem-alternate {
  background-color: #f9f9fb;
}
.imlistItem-selected {
  background-color: #CEF5BD;
}
.imlistItem:hover {
  transform: scale(1.1);
}
.imlistItem-no-hover:hover {
  transform: none;
}

.tooltips {
  border-radius: 20px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  padding: 5px 10px;
}
.tooltips:hover {
  cursor: pointer;
}

.summaryItem, .summaryItem-caption {
  margin: auto;
  max-height: 75px;
  text-align: center;
}

.summaryItem-caption {
  font-size: x-small;
}

.mailingCost-items {
  font-size: small;
}

.monetary {
  text-align: right;
}

.attachment-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right-align {
  margin-left: auto;
  text-align: right;
}

#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;
}

ul.validation-errors {
  border: 1px solid #d51923;
  border-radius: 4px;
  background-color: #fce7e8;
  padding: 4px !important;
  margin-bottom: 20px;
}
ul.validation-errors li.validation-message {
  color: #d51923;
}

.im-details {
  display: flex;
}
.im-details-row {
  flex-direction: row;
  padding: 5px;
  flex-wrap: wrap;
}
.im-details-column {
  flex-direction: column;
}

tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.swal2-container {
  z-index: 100000 !important;
}

.im-download-container .documentCard.--download .h3, .im-download-container .documentCard.--downloaddark .h3 {
  font-size: 28px;
  font-weight: bold;
}
.im-download-container .documentCard.--download div.im-btn-primary, .im-download-container .documentCard.--downloaddark div.im-btn-primary {
  max-width: 220px;
}
.im-download-container .documentCard.--download .requirements, .im-download-container .documentCard.--downloaddark .requirements {
  font-size: 14px;
}
.im-download-container .documentCard.--download .requirements ul, .im-download-container .documentCard.--downloaddark .requirements ul {
  margin: 10px 0px 0px 20px;
}
.im-download-container .documentCard.--downloaddark {
  color: #ffffff;
  background: #212934;
}
.im-download-container a.downloadlink {
  text-decoration: none;
}

.imControlContainer {
  width: 100%;
  max-width: 100%;
}
.imControlContainer .row {
  padding-bottom: 20px;
}

.k-grid td.k-selected, .k-grid tr.k-selected > td {
  background-color: rgba(69, 69, 69, 0.25);
}

.k-checkbox:checked, .k-checkbox.k-checked {
  border-color: dimgray;
  color: white;
  background-color: dimgray;
}

.k-dialog-titlebar {
  border-color: inherit;
  color: white;
  background-color: dimgrey;
}

.k-button-solid-base.k-selected {
  border-color: dimgray;
  color: white;
  background-color: dimgray;
}

.k-pager-numbers .k-link.k-selected {
  background-color: rgba(69, 69, 69, 0.2);
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
  color: #ffffff;
  background-color: dimgrey;
}

.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
  color: #ffffff;
  background-color: #494949;
}

.no-title-bar .k-window-titlebar {
  display: none !important;
}

.no-label .k-switch-label-on, .no-label .k-switch-label-off {
  display: none !important;
}

.no-label .k-switch-on {
  border-color: #212934;
  color: white;
  background-color: #212934;
}

.k-switch-on .k-switch-track {
  border-color: green !important;
  background-color: green !important;
}

.no-top-margin {
  margin-top: 0 !important;
}

.swal2-styled.swal2-confirm {
  color: #ffffff;
  background-color: #212934;
  border: 1px solid #212934;
}

.swal2-styled.swal2-cancel {
  color: #ffffff;
  background-color: #707070;
  border: 1px solid #707070;
}

.swal2-styled:focus {
  box-shadow: none !important;
}

.checkBoxes {
  float: right;
  margin-right: 20px;
  border-radius: 100px !important;
  font-size: 15pt;
  border-color: black !important;
}

.sides-number {
  float: right;
  margin-right: 10px;
}

.top-label {
  margin-top: 20px;
  margin-left: -12px;
}

.cancel-btn {
  justify-content: center;
  margin-left: -10px;
}

.save-btn {
  justify-content: center;
  margin-right: -200px;
}

.top-title {
  font-size: 12pt;
  color: lightslategray;
}

.right-section {
  display: flex;
  flex-direction: row;
  float: right;
}

.add-btn {
  width: 190px;
  margin: 0px 2px 2px 0px;
  justify-content: left;
}

.action-btn {
  width: 50px;
  justify-content: center;
}

.NewUser-btn {
  width: 190px;
  background: none;
}

.context-menu-item {
  padding-left: 10%;
  padding-top: 3%;
  padding-bottom: 3%;
  cursor: pointer;
}

.context-menu-item:hover {
  background-color: whitesmoke;
}

.validation-message {
  color: red;
  font-size: 10pt;
}

.action-btn {
  padding: 5%;
  justify-content: center;
}

.buttons-Media {
  min-width: 100px;
  margin-right: 10px;
}

.k-window k-dialog telerik-blazor {
  width: 450px;
}

/*New User page styling*/
.ContainerNewUser {
  padding-left: 150px;
}

.TextLabelNewUser {
  max-width: 120px;
}

.TextLabelColPrintNewUser {
  max-width: 150px;
}

.TextLabelDisclaimerNewUser {
  max-width: 450px;
  font-size: 12px;
}

.TextBoxNewUser {
  max-width: 400px;
}

.TextBoxSmlNewUser {
  max-width: 60px;
}

.ValidationMessageNewUser {
  font-size: 12px;
  margin-top: 10px;
  color: red;
}

.HeadingNewUser {
  margin-bottom: 20px;
  padding-left: 130px;
}

.BtnDivNewUser {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-bottom: 30px;
}

.BtnSkipNxtDivNewUser {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  padding-right: 300px;
}

.BtnNewUser {
  max-width: 220px;
  justify-content: center;
}

.SkipBtnNewUser {
  margin-left: 5px;
}

.CheckBoxNewUser {
  max-width: 35px;
  background-color: white;
  border-radius: 7px;
  text-align: center;
}

.DrawerBtnNewUser {
  background: #17b6cb !important;
  border-style: hidden;
}

.InformationBlocksNewUser {
  width: 250px;
  padding-bottom: 120px;
  padding-top: 10px;
  background-color: lightgray;
  max-height: 50px;
}

.InformationBlocksNewUserHeadingText {
  font-weight: bold;
  font-size: 12px;
}

.InformationBlocksNewUserText {
  font-size: 10px;
}

.DrawerComponents {
  margin-top: 20px;
  margin-left: 20px;
}

.ColumnInformationBloacks {
  padding-left: 50px;
}

.DropDownNewUser {
  max-width: 195px;
}

.DrawerNewUserText {
  font-size: 14pt;
}

.checkBoxes {
  float: right;
  margin-right: 20px;
  border-radius: 100px !important;
  font-size: 15pt;
  border-color: black !important;
}

.sides-number {
  float: right;
  margin-right: 10px;
}

.top-label {
  margin-top: 20px;
  margin-left: -12px;
}

.cancel-btn {
  justify-content: center;
  margin-left: -10px;
}

.save-btn {
  justify-content: center;
  margin-right: -200px;
}

.top-title {
  font-size: 12pt;
  color: lightslategray;
}

.right-section {
  display: flex;
  flex-direction: row;
  float: right;
}

.add-btn {
  width: 190px;
  margin: 0px 2px 2px 0px;
  justify-content: left;
}

.action-btn {
  width: 50px;
  justify-content: center;
}

.NewUser-btn {
  width: 190px;
  background: none;
}

.context-menu-item {
  padding-left: 10%;
  padding-top: 3%;
  padding-bottom: 3%;
  cursor: pointer;
}

.context-menu-item:hover {
  background-color: whitesmoke;
}

.validation-message {
  color: red;
  font-size: 10pt;
}

.template-drawer {
  padding: 2%;
}

.text-save-template-user {
  color: #fff;
  text-decoration: none;
}

.disabled-label {
  color: #ccc; /* Change the color to your desired disabled text color */
  /* Add any other styles to make the label appear disabled */
  pointer-events: none; /* Optionally, to prevent interactions */
}

.ContainerNewCompany {
  padding-left: 320px;
}

.HeadingNewCompany {
  margin-bottom: 20px;
  text-align: center;
}

.TextLabelNewCompany {
  max-width: 190px;
  font-size: 18px;
  margin-top: 5px;
}

.TextBoxNewCompany {
  max-width: 450px;
}

.BtnCancelDiv {
  margin-left: 690px;
  margin-top: 30px;
}

.BtnNextDiv {
  margin-left: 440px;
  margin-top: 20px;
}

.BtnNewCancel {
  background-color: transparent;
  color: red;
  border: none;
}

.ButtonDivNewCompany {
  display: flex;
}

.drop-down-list {
  max-width: 200px;
}

.drop-down-list-text {
  font-size: 14px;
}

.k-dialog-titlebar {
  background: dimgray;
  height: 60px;
  border-color: inherit;
  color: white;
  align-items: end;
}

.k-dialog-buttongroup {
  height: 100px;
  border-top: none;
}

.update-buttondialog {
  background: #17b6cb;
  color: white;
  height: 50px;
  border-radius: 10px;
  max-width: 150px;
  margin-left: 40px;
}

.cancel-buttondialog {
  background: none;
  color: red;
  height: 50px;
  border-radius: 10px;
  max-width: 150px;
  border-color: red;
}

.dialog-content-heading {
  text-align: center;
  height: 50px;
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
}

.dialog-content {
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
}

.skip-btn-company-access {
  width: 130px;
  background: none;
  justify-content: left;
}

.next-btn-company-access {
  width: 130px;
  margin: 0px 2px 2px 0px;
  justify-content: left;
}

.btn-group-company-access {
  display: flex;
  flex-direction: row;
  float: right;
}

.documentCardTemplate {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 4px;
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .documentCardTemplate {
    margin-bottom: 14px;
  }
}
.documentCardTemplate.--transparent {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.documentCardTemplate.--center {
  justify-content: center;
  justify-content: center;
}
.documentCardTemplate.--fullscreen {
  height: calc(100vh - 160px);
}
.documentCardTemplate.--primary {
  display: flex;
}
.documentCardTemplate.--secondary {
  display: flex;
  flex: 0 1 20vw;
  border-radius: 15px;
}
.documentCardTemplate.--rounded {
  border-radius: 15px;
}
.documentCardTemplate.--enquiryform textarea {
  height: 200px;
}

.imTextClick {
  display: inline-block;
  cursor: pointer;
}
.imTextClick:hover {
  box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.save-btn-template {
  max-width: 120px;
  text-align: center;
  display: block;
}

.delete-btn-template {
  max-width: 120px;
  background-color: red;
  text-align: center;
  display: block;
}

.ImRadioGroup {
  justify-content: center;
}

.im-registration-container {
  width: 100%;
  max-width: 100%;
}
.im-registration-container .documentCard {
  padding: 30px;
}
.im-registration-container .documentCard .h3 {
  font-size: 18px;
  font-weight: bold;
}
.im-registration-container .documentCard .regFieldLabel {
  font-size: 14px;
  font-weight: bold;
}
.im-registration-container .documentCard .regFieldLabel.--required::after {
  content: " *";
  color: #ff0000;
}
@media only screen and (max-width: 768px) {
  .im-registration-container .documentCard .regFieldLabel {
    font-size: 13px;
  }
}
.im-registration-container .documentCard .regDescriptionText {
  font-size: 14px;
}
.im-registration-container .documentCard .regLink {
  text-decoration: underline;
}
.im-registration-container .documentCard .im-btn-primary {
  float: right;
}

.widget {
  justify-content: center;
  text-align: center;
}

.dashboard-dropdown-filter {
  float: left;
  clear: left;
  width: 200px;
  /* @media only screen and (min-width: 1440px) {
       margin-bottom: 4px;
   }*/
}

.dashboard-resize {
  display: flex;
  position: relative;
  flex-wrap: flex;
}
@media only screen and (min-width: 768px) {
  .dashboard-resize {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.align-items-center {
  display: inline;
}
@media only screen and (min-width: 1600px) {
  .align-items-center {
    display: flex;
    flex-direction: row;
  }
}

.dashboard-container {
  display: contents;
}
@media only screen and (min-width: 660px) {
  .dashboard-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: auto;
  }
}

.dashboard-top-bar-font {
  font-size: 60px;
  /* @media only screen and (min-width: 1650px) {
      font-size: 60px;
  }*/
}

.dashboard-top-bar-date {
  font-size: 15px;
  /*@media only screen and (min-width: 1650px) {
      font-size: 30px;
  }*/
}

.k-card-title {
  font-size: 18px;
  font-weight: bold;
}

.dashboard-no-document-text {
  font-size: 15px;
}

.dashboard-filter-span {
  float: left;
  clear: left;
}

.dashboard-filter {
  display: inline;
  margin-top: 5px;
}
@media only screen and (min-width: 660px) {
  .dashboard-filter {
    display: inline-block;
    margin-right: 15px;
    margin-top: 0px;
  }
}

.dashboard-filter-refresh {
  display: block;
}
@media only screen and (min-width: 660px) {
  .dashboard-filter-refresh {
    display: inline-block;
    margin-right: 15px;
  }
}

.dashboard-button-container {
  display: flex;
  align-items: flex-end;
  margin-top: 5px;
}
@media only screen and (min-width: 660px) {
  .dashboard-button-container {
    margin-top: 0px;
  }
}

.dashboard-btn-refresh {
  max-width: 220px;
  height: 30px;
  margin-top: 5px;
  justify-content: center;
  float: left;
  margin-bottom: 10px;
}
@media only screen and (min-width: 660px) {
  .dashboard-btn-refresh {
    max-width: 220px;
    height: 30px;
    margin-top: 20px;
    justify-content: center;
    float: left;
    margin-bottom: 0px;
  }
}

.k-tilelayout {
  justify-content: center;
}

.pending-list-title {
  text-align: center;
  margin-top: 25px;
  font-size: 18px;
  font-weight: bold;
}

.no-toolbar .k-grid-toolbar {
  display: none;
}

.card-payment-section {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.input-spacing {
  margin-bottom: 5%;
}

.checkbox-spacing {
  margin-bottom: 15px;
  margin-top: 15px;
}

.card-element-style {
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
}

.copy-button {
  color: #333;
  background-color: #e0e0e0;
  border: 1px solid #d0d0d0;
  padding: 5px 10px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.copy-button:hover {
  background-color: #d0d0d0;
}

.stripe-info {
  display: flex;
  align-items: center;
}

.card-info {
  background-color: #fff;
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #495057;
  border-radius: 0.25rem;
}

.top-up-buttons {
  display: flex;
  word-spacing: 5px;
  justify-content: left;
}

.top-up-button {
  background-color: #fff !important;
  border-radius: 4px !important;
  padding: 5px 10px;
  margin: 5px !important;
  border: 1px solid #ced4da !important;
  cursor: pointer;
}

.top-up-button:hover {
  background-color: #BBB;
}

.light-blue-tab {
  color: #000 !important;
  text-color: #000 !important;
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.upload_dialog {
  width: 400px;
  height: fit-content !important;
}

.text_box_upload {
  width: 180px;
}

.upload_cancel_button {
  margin-top: 25px;
}

.uploadControl {
  display: flex;
  justify-content: center;
  align-items: center;
}

.label_edit_view_Page {
  font-weight: bold;
  margin-right: 10px;
}

.label_alignment {
  margin-left: 10px;
}

.mediaUpload {
  /*    display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  border: 2px dashed #000;
  max-width: 576px;
  width: 100%;
  height: 100%;
  min-height: 160px;

  .k-dropzone {
      background-color: transparent;
  }*/
}
.mediaUpload .k-upload .k-dropzone {
  background-color: none;
  border: none;
}

.checkbox-container {
  display: flex;
  gap: 10px;
}

.upload_cancel_space_button {
  margin-left: 80px;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.im-combobox-container {
  position: relative;
}

.im-combobox-dropdown {
  width: 100%;
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000; /* Ensure the dropdown appears on top of other content */
}

.im-combobox-item {
  padding: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.im-combobox-item:hover {
  background-color: #f0f0f0;
}

.im-combobox-item-bold {
  font-weight: bold;
  font-size: large;
  padding: 2px;
}

.im-combobox-item-collapsed {
  display: flex;
  border-radius: 5px;
  font-size: small;
}