/* @import "tailwindcss/base"; */

/* @import "tailwindcss/components"; */

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

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

.mb-0 {
  margin-bottom: 0px;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.h-40 {
  height: 10rem;
}

.w-28 {
  width: 7rem;
}

.w-40 {
  width: 10rem;
}

.w-32 {
  width: 8rem;
}

.w-48 {
  width: 12rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-xs {
  max-width: 20rem;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

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

.justify-between {
  justify-content: space-between;
}

.self-center {
  align-self: center;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.border {
  border-width: 1px;
}

.border-1 {
  border-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 168 / var(--tw-border-opacity));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 168 / var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
}

.p-4 {
  padding: 1rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pt-0 {
  padding-top: 0px;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.italic {
  font-style: italic;
}

.text-navy-100 {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(214 13 49 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-100 {
  transition-duration: 100ms;
}

/* 
 Color changes for document new  
 */

body, body main {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#container {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.notificationbanner-in-app {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table {
  display: unset;
}

html.public .saas_error, html.embedded_request_editor .saas_error {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.saas_error header {
  font-weight: 500;
}

.eversign_tooltip {
  background: #ffffcc;
  box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .5);
  border-radius: 3px;
  z-index: 9999999999;
  --tw-bg-opacity: 1;
  background-color: rgb(128 245 205 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}

.signer2fa-switch .evr-pulse {
  display: none;
}

#desk section.invoices ul li .status.due {
  --tw-bg-opacity: 1;
  background-color: rgb(214 13 49 / var(--tw-bg-opacity));
}

#desk section.invoices ul li .date {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

/* ---- in document editor, sidebar bg is customizable, in the rest of app no ---- */

body:not(.cp_prepare_document) #wrapper > nav {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 8 61 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(232 239 246 / var(--tw-text-opacity)) !important;
}

body.cp_prepare_document .sidebar_menu {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 8 61 / var(--tw-bg-opacity)) !important;
}

.hide_compact {
  --tw-text-opacity: 1 !important;
  color: rgb(232 239 246 / var(--tw-text-opacity)) !important;
}

.sidebar_menu_link_text {
  --tw-text-opacity: 1 !important;
  color: rgb(232 239 246 / var(--tw-text-opacity)) !important;
}

.icon_link {
  --tw-text-opacity: 1 !important;
  color: rgb(0 8 61 / var(--tw-text-opacity)) !important;
  background-color: transparent !important;
}

#wrapper > nav > div.upper > div > div > div {
  --tw-text-opacity: 1 !important;
  color: rgb(232 239 246 / var(--tw-text-opacity)) !important;
  background-color: transparent !important;
}

#wrapper > nav > ul > li:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(232 239 246 / var(--tw-text-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(0 8 61 / var(--tw-bg-opacity));
}

.sidebar_menu ul li.current {
  --tw-text-opacity: 1 !important;
  color: rgb(232 239 246 / var(--tw-text-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(51 57 100 / var(--tw-bg-opacity));
}

.sidebar_menu ul:not(.disabled) li.current a:not(.new) {
  background-color: inherit;
  color: inherit;
}

.sidebar_menu ul li a.new {
  --tw-text-opacity: 1;
  color: rgb(232 239 246 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(26 33 80 / var(--tw-bg-opacity));
}

.sidebar_menu ul li a.new:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 57 100 / var(--tw-bg-opacity));
}

.sidebar_menu ul:not(.disabled) li a.active,
.sidebar_menu ul:not(.account):not(.disabled) li:not(.current):hover a:not(.new) {
  background-color: inherit;
}

.sidebar_menu .upper .upgrade {
  background-color: #00EB9B !important;
  border-radius: 9999px !important;
  color: #00083D !important;
  font-weight: 500 !important;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
  background-size: 300% !important;
}

.sidebar_menu .upper .upgrade:hover {
  background-image: linear-gradient(90deg,#99f7d7,#99f7d7 35%,#00EB9B 65%,#00EB9B) !important;
  background-position: 50% !important;
}

.cp_prepare_document .sidebar_menu .upper .upgrade {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
}

.hide_compact {
  font-weight: 500;
}

.business.sb_dropdown {
  font-weight: 500 !important;
}

.heading .hide_compact {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 8 61 / var(--tw-text-opacity)) !important;
}

.logout a {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(2 6 168 / var(--tw-text-opacity)) !important;
}

.sidebar_menu .upper ul.dropdown-menu li a {
  --tw-text-opacity: 1 !important;
  color: rgb(2 6 168 / var(--tw-text-opacity)) !important;
}

.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.user_settings,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.profile,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.signatures {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.heading {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(123 129 145 / var(--tw-border-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a:before {
  --tw-text-opacity: 1;
  color: rgb(2 6 168 / var(--tw-text-opacity));
}

.sidebar_menu div.help a:before {
  --tw-text-opacity: 1;
  color: rgb(232 239 246 / var(--tw-text-opacity));
}

@media screen and (max-width: 800px) {
  .sidebar_menu ul.sb_menu li {
    --tw-bg-opacity: 1;
    background-color: rgb(232 239 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(2 6 168 / var(--tw-text-opacity));
    padding: 0.75rem;
  }

  .sidebar_menu_link_text {
    --tw-text-opacity: 1 !important;
    color: rgb(2 6 168 / var(--tw-text-opacity)) !important;
  }

  .hide_compact {
    --tw-text-opacity: 1 !important;
    color: rgb(2 6 168 / var(--tw-text-opacity)) !important;
  }
}

a.show_mobile.mobile_menu:before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 8 61 / var(--tw-bg-opacity));
  border-radius: 0.375rem;
}

.sidebar_menu ul li a {
  font-weight: 400;
}

.sidebar_menu .upper .frame .select_business .business {
  padding-bottom: 1.25rem;
}

body.cp_prepare_document .header.app_board_header {
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(206 212 218 / var(--tw-border-opacity));
}

@media screen and (min-width: 801px) and (max-width: 1085px) {
  .sidebar_menu .upper .upgrade {
    visibility: hidden;
    position: relative;
  }

  .sidebar_menu .upper .upgrade:after {
    visibility: visible;
    margin-left: -0.875rem;
    margin-top: -4rem;
    display: inline-block;
    font-weight: 400;
    font-size: 1.65rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    -webkit-font-smoothing: antialiased;
    font-family: 'Ionicons';
    content: "\f4b2";
  }
}

/* components/card.css */

.card {
  padding: 1rem;
}

.board header.box_header.icon {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.board header.box_header {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 8 61 / var(--tw-text-opacity)) !important;
}

.add_contact a {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

.add_contact a:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

section.upload .right > a {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

section.upload .right > a:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

.upload .left label {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

.upload .left label:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

a {
  --tw-text-opacity: 1;
  color: rgb(2 6 168 / var(--tw-text-opacity));
}

/* --- make sure to reset all changes to customizable buttons on signing pagex --- */

.ccfg_button_primary:not([data-sign-steps]) {
  background-color: #0206A8 !important;
  border-radius: 9999px !important;
  color: #E8EFF6 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-size: 300% !important;
}

.ccfg_button_primary:not([data-sign-steps]):hover {
  background-image: linear-gradient(90deg,#8183d4,#8183d4 35%,#0206A8 65%,#0206A8) !important;
  background-position: 50% !important;
}

.ccfg_button_primary:not([data-sign-steps]) {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.ccfg_button_primary[data-sign-steps] {
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-weight: 500;
  font-size: 14px;
}

.ccfg_button_primary span {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.ccfg_button_secondary {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

.ccfg_button_secondary:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

.back_button,
.secondary {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

.back_button:hover,
.secondary:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

.x_window .x_content.confirmation .x_form .save_button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.x_form .cancel_button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media screen and (max-width: 800px) {
  .ccfg_button_primary {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .x_form .cancel_button {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

.headline_main_button .save_as_draft {
  width: auto;
}

.headline_main_button .save-button {
  margin-left: 0.5rem;
}

.headline_main_button .save-button.double_second {
  margin-left: 0.5rem;
}

a.disabled, button.disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

.bulk_jobs_link {
  background-color: #0206A8 !important;
  border-radius: 9999px !important;
  color: #E8EFF6 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-size: 300% !important;
}

.bulk_jobs_link:hover {
  background-image: linear-gradient(90deg,#8183d4,#8183d4 35%,#0206A8 65%,#0206A8) !important;
  background-position: 50% !important;
}

span.status_badge.awaiting_my_signature {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(214 13 49 / var(--tw-bg-opacity)) !important;
}

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

button.loading:before {
  left: calc(50% - 10px) !important
}

.x_window header,
.x_page section.sign_actions ul li {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.explanation.gray {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.settings .board .page label[for="submit"].short, #desk.settings .board .page button.short {
  width: auto;
}

#desk.settings .board .page button.short.add_card_pay_now {
  width: auto;
}

#desk section.invoices ul li a.pay {
  background-color: #0206A8 !important;
  border-radius: 9999px !important;
  color: #E8EFF6 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-size: 300% !important;
}

#desk section.invoices ul li a.pay:hover {
  background-image: linear-gradient(90deg,#8183d4,#8183d4 35%,#0206A8 65%,#0206A8) !important;
  background-position: 50% !important;
}

#desk section.invoices ul li a {
  background-color: #fff;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #0206A8;
  color: #0206A8;
  transition-duration: 200ms;
  font-weight: 500;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: unset;
  border-style: solid;
  font-size: 14px;
}

#desk section.invoices ul li a:hover {
  border-color: #00EB9B;
  background-color: #fff;
  background-image: none;
}

.header.app_board_header h1 {
  --tw-text-opacity: 1;
  color: rgb(2 6 168 / var(--tw-text-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400 !important;
}

.header.app_board_header {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(232 239 246 / var(--tw-border-opacity));
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
}

.header.app_board_header .save_as_draft {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

.header.app_board_header .save_as_draft:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

/* textarea,
input {
    @apply border-gray-60;
    @apply text-sm;
    @apply p-1;
}
 */

input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 168 / var(--tw-border-opacity));
}

textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 168 / var(--tw-border-opacity));
}

label {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

select {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  /* @apply text-sm; */
}

select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 168 / var(--tw-border-opacity));
}

.select_arrows:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.alert.success {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(0 235 155 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  font-weight: 500;
}

.alert.info {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(0 226 234 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  font-weight: 500;
}

.alert.error {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(214 13 49 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  font-weight: 500;
}

html:not(.public) .confirm_email_banner {
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 16 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html:not(.public) .confirm_email_banner a {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  border-width: 1px;
  border-style: solid;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgb(0 8 61 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  transition-duration: 200ms;
  cursor: pointer;
}

html:not(.public) .confirm_email_banner a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(123 129 145 / var(--tw-border-opacity));
}

.x_form .info_strip.error {
  --tw-bg-opacity: 1;
  background-color: rgb(227 82 86 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk table.eversign td.document_check {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

table.standard-table td:first-child,
table.standard-table tr:last-child td {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

#desk table.eversign td.title span.date,
#desk table.eversign td.title span {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#desk table.eversign td.title span.recipients {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(123 129 145 / var(--tw-text-opacity));
}

.table_tabs .meta {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk table.eversign td.title span.date {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#desk table.eversign td.title a {
  --tw-text-opacity: 1;
  color: rgb(2 6 168 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* --- action buttons on a table row --- */

#desk table.eversign td.actions > a, 
#desk table.eversign td.actions > .dropdown > a {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk table.eversign td.actions .dropdown a {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk .button.dropdown-toggle:after {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk table.eversign td.actions .dropdown > a {
  --tw-border-opacity: 1;
  border-left-color: rgb(206 212 218 / var(--tw-border-opacity));
  border-left-width: 1px;
}

#desk table.eversign td.actions > a:hover, #desk table.eversign td.actions > .dropdown > a {
  transition-duration: 200ms;
}

#desk table.eversign td.actions > a:hover, #desk table.eversign td.actions > .dropdown > a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 236 / var(--tw-bg-opacity));
}

#desk table.eversign td.actions > a {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 9rem;
}

/* --- tabs --- */

.table_tabs a.tab {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

.table_tabs a.tab.current {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

.table_tabs a.tab:not(.current):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

#options-strip .search input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

/* --- search --- */

.table_contact_autocomplete:before {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#show-per-page-strip .hide_compact {
  --tw-text-opacity: 1 !important;
  color: rgb(0 8 61 / var(--tw-text-opacity)) !important;
}

#show-per-page-strip select {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

/* --- pagination --- */

.pagination_section {
  display: flex;
  gap: 4px
}

.pagination_section .hide_compact {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.paginate_button {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.paginate_button:not(.current):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

.paginate_button.current, .paginate_button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

.paginate_button.disabled {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  opacity: 0.5;
}

.standard-search {
  display: flex;
  align-items: center;
}

table.standard-table tr:last-child td,
table.standard-table td:last-child {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

#desk table.eversign td.title span.date.status.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#options-strip .button {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

table.standard-table tr.selected .document_check {
  transition-duration: 200ms;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity)) !important;
}

.table_tabs .meta {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.tag.clean {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}

.tag.clean.declined {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.tag.clean.red {
  --tw-bg-opacity: 1;
  background-color: rgb(227 82 86 / var(--tw-bg-opacity));
}

.tag.clean.blue {
  --tw-bg-opacity: 1;
  background-color: rgb(49 131 200 / var(--tw-bg-opacity));
}

.tag.clean.draft {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.tag.clean.deleted {
  --tw-bg-opacity: 1;
  background-color: rgb(255 125 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.tag.clean.closed {
  --tw-bg-opacity: 1;
  background-color: rgb(123 129 145 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.tag.clean.trashed {
  --tw-bg-opacity: 1;
  background-color: rgb(154 155 220 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.tag.clean.green {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(0 8 61 / var(--tw-text-opacity)) !important;
}

#desk.new_document section.upload .left label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#desk.new_document section.upload .left label, #desk.new_document section.upload .right > a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#desk.new_document section.contacts .form_row.add_contact a {
  height: auto;
  width: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

#desk.new_document section.upload .left .accepted_formats {
  font-size: 0.75rem;
  line-height: 1rem;
}

.signer-authentication-toggle-status-text {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.signer2fa-slider {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

input:checked + .signer2fa-slider {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
}

#desk.new_document section.contacts .form_row .inline.pre_addon:before {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  border-width: 1px;
  border-right-width: 0px;
}

#desk.new_document ul.who li a {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  transition-duration: 200ms;
}

#desk.new_document ul.who li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk.new_document ul.who li.selected a {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk.new_document .board.upload_document section.upload + section {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#desk.new_document section.contacts .form_row .inline.signer_role.pre_addon:before {
  border-right-width: 0px;
}

#desk.new_document section.contacts .form_row .inline.signer_role select {
  border-left-width: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#desk.new_document section.contacts .form_row .inline.signer_role select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

label[for="set_signing_order"] input[type="checkbox"] {
  margin-right: 0.5rem;
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.new_document section.contacts .form_row .inline.signer_remove a:before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.new_document section.contacts .form_row:not(.prefill_open) .inline.role_name.pre_addon.has_tooltip:hover:before {
  --tw-bg-opacity: 1;
  background-color: rgb(123 129 145 / var(--tw-bg-opacity));
}

#container.view_document .board.summary .page section.sent_by {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#container .board .page section.table thead,
#container.view_document .board.summary .page section.heading .title,
#container.view_document .board.summary .page section.heading span.right {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  line-height: 1.5rem !important;
}

#container .board .page section.table thead {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk.settings .board .page section {
  --tw-border-opacity: 1 !important;
  border-color: rgb(232 239 246 / var(--tw-border-opacity)) !important;
}

#container.view_document .board.document section.pages {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#container .board .page section.table tbody tr td.status .badge.outstanding {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.table span {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#container.view_document .board.document section.pages ul li img {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

#container.view_document .board.document section.page_selector ul li {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  transition-duration: 200ms;
}

#container.view_document .board.document section.page_selector ul li:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 235 155 / var(--tw-border-opacity));
}

#container .board .page section.table table .actions > a, #container .board .page section.table table .actions > button {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  transition-duration: 200ms;
}

#container .board .page section.table table .actions > a:hover, #container .board .page section.table table .actions > button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

html.public #container.embedded .e_modal header {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

html.public #container .e_modal header .change_language_modal {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html.public #container.embedded .e_modal header h2,
html.public #container.embedded .e_modal header h2.document_name {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html.public #container.embedded .e_modal form fieldset .form_row.submit label {
  background-color: #0206A8 !important;
  border-radius: 9999px !important;
  color: #E8EFF6 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-size: 300% !important;
}

html.public #container.embedded .e_modal form fieldset .form_row.submit label:hover {
  background-image: linear-gradient(90deg,#8183d4,#8183d4 35%,#0206A8 65%,#0206A8) !important;
  background-position: 50% !important;
}

html.public #container.embedded .e_modal form fieldset .form_row input {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html.public #container.embedded .e_modal header .icon_wrap img {
  --tw-border-opacity: 1;
  border-color: rgb(232 239 246 / var(--tw-border-opacity));
  overflow: visible;
  width: auto;
  padding: 1rem;
  max-width: 100px;
}

html.public #container.embedded.sign_pin .e_modal_wrap .e_modal,
html.public #container.embedded .e_modal {
  --tw-shadow-color: #00EB9B !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

html.public #desk.document_editor .draggable.cloned.required_field, html.public #desk.document_editor .draggable.cloned.required_field.status_finished:hover {
  --tw-border-opacity: 1;
  border-color: rgb(214 13 49 / var(--tw-border-opacity));
}

#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:after {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.document_editor .board .page.editor_center section.window .fixed_controls .bar {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.document_editor .board .page.editor_center section.window ul li img {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

.x_page .board section.upload_new .uploadifive-button {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

.x_page .board section.upload_new .uploadifive-button:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

.x_window header .x_close:after {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  top: 8px;
}

.iFrame_zoom_controls .controls_wrap {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

.dropdown-menu>li.separator {
  --tw-border-opacity: 1;
  border-top-color: rgb(232 239 246 / var(--tw-border-opacity));
}

.x_page .board.signature input[type="checkbox"], .x_page .board.initials input[type="checkbox"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(206 212 218 / var(--tw-border-opacity)) !important;
}

.controls_wrap a {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(206 212 218 / var(--tw-border-opacity)) !important;
}

.x_page section.type_new ul.thumbnails {
  --tw-border-opacity: 1 !important;
  border-color: rgb(206 212 218 / var(--tw-border-opacity)) !important;
}

.m-signature-pad--footer .button {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

.x_page section.upload_new .preview,
.m-signature-pad--body canvas {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:before,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar ul#mobile_dropdown a,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar span,
.x_page section.type_new .preview,
.x_page section.upload_new .uploadifive-button + small,
.m-signature-pad--footer .description {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language:before {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.mobile_top_section .content_bar .mobile_finish_signing, body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field {
  background-color: #00EB9B !important;
  border-radius: 9999px !important;
  color: #00083D !important;
  font-weight: 500 !important;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
  background-size: 300% !important;
}

.mobile_top_section .content_bar .mobile_finish_signing:hover, body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field:hover {
  background-image: linear-gradient(90deg,#99f7d7,#99f7d7 35%,#00EB9B 65%,#00EB9B) !important;
  background-position: 50% !important;
}

/* ------------- mobile styles ---------------- */

@media screen and (max-width: 800px) {
  body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar,
    body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_start_signing:before {
    --tw-bg-opacity: 1;
    background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  }

  body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_start_signing, body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_finish_signing, body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field {
    height: auto;
    margin-top: 0.375rem;
    margin-right: 0.25rem;
  }

  body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_start_signing {
    border-radius: 9999px;
  }

  .mobile_top_section .content_bar .mobile_finish_signing, body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  #desk.document_editor .mobile_top_section .content_bar .mobile_finish_signing:before {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(232 239 246 / var(--tw-bg-opacity)) !important;
  }
}

html.public body, html.public body main, html.public #wrapper {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.cp_sign_document #container {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

html.public body.cp_post_sign #container section#desk .board .box_header.completed {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
}

html.public body.cp_post_sign #container section#desk .board .box_header.declined {
  --tw-bg-opacity: 1;
  background-color: rgb(214 13 49 / var(--tw-bg-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
}

html.public body.cp_post_sign #container section#desk .board .go_to_dashboard {
  background-color: #fff;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #0206A8;
  color: #0206A8;
  transition-duration: 200ms;
  font-weight: 500;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: unset;
  border-style: solid;
  font-size: 14px;
}

html.public body.cp_post_sign #container section#desk .board .go_to_dashboard:hover {
  border-color: #00EB9B;
  background-color: #fff;
  background-image: none;
}

html.public body.cp_post_sign #container section#desk .board .page section.decline_reason {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html.public body.cp_post_sign #container section#desk .board .page section.explanation {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.x_window .x_content.confirmation .x_form .save_button {
  background-color: #0206A8 !important;
  border-radius: 9999px !important;
  color: #E8EFF6 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-size: 300% !important;
}

.x_window .x_content.confirmation .x_form .save_button:hover {
  background-image: linear-gradient(90deg,#8183d4,#8183d4 35%,#0206A8 65%,#0206A8) !important;
  background-position: 50% !important;
}

.x_window .x_content.confirmation .x_form .save_button {
  display: inline-flex;
  justify-content: center;
}

.x_window .x_content.confirmation header h1,
.x_content .board .page section {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html.public body.cp_post_sign #container, html.public body.cp_post_sign #wrapper, html.public body.cp_post_sign {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

.add_signature_initials h1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

main.is_loading #eversign_loading, #container.is_loading #eversign_loading {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

html.public body.cp_post_sign #container section#desk .board section.subheading {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(206 212 218 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

html.public body.cp_post_sign #container .board .signup_form .side.east .form_row button {
  background-color: #0206A8;
  border-radius: 9999px;
  color: #E8EFF6;
  font-weight: 500;
  font-size: 14px;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-size: 300%;
}

html.public body.cp_post_sign #container .board .signup_form .side.east .form_row button:hover {
  background-image: linear-gradient(90deg,#8183d4,#8183d4 35%,#0206A8 65%,#0206A8);
  background-position: 50%;
}

html.public body.cp_post_sign #container .board .signup_form {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

html.public body.cp_post_sign #container .board .signup_form input {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url input + span.abc:after {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

.abc {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

html.public body.cp_post_sign #container .board .document_preview {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

html.public body.cp_post_sign #container section#desk .board .page section.explanation {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body.cp_sign_document .main_button.dropdown-toggle {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

body.cp_sign_document .main_button.dropdown-toggle:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

#desk.document_editor .board .page.editor_left, #desk.document_editor .board .page.editor_right {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk.document_editor .board .page.editor_right section.recipients ul li a {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#desk.document_editor .board .page.editor_left .document ul.pages li img {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#desk.document_editor .board .page.editor_right section.recipients ul li.selected a {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 168 / var(--tw-border-opacity));
}

#desk.document_editor .board .page.editor_left header {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.document_editor .board .page.editor_left .title,
#desk.document_editor .board .page.editor_right .title {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

#desk.document_editor .board .page.editor_center {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk.document_editor .board .page.editor_right section.properties ul li a span {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#desk.document_editor .board .page.editor_right section.properties ul li a:before {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.document_editor .board .page.editor_right section.properties ul li a {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

@media screen and (min-width: 801px) {
  ul.tabs li {
    --tw-bg-opacity: 1;
    background-color: rgb(232 239 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 8 61 / var(--tw-text-opacity));
  }
}

#desk.settings .board .page section.explanation p {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

table.standard-table thead tr {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-weight: 300;
}

.button.revert:before {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

table.standard-table .button.apply {
  background-color: #fff !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: #0206A8 !important;
  color: #0206A8 !important;
  transition-duration: 200ms !important;
  font-weight: 500 !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: unset !important;
  border-style: solid !important;
  font-size: 14px !important;
}

table.standard-table .button.apply:hover {
  border-color: #00EB9B !important;
  background-color: #fff !important;
  background-image: none !important;
}

.input_addon {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

span.hex,
table.standard-table td section {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.settings .board .page section.radio_checkbox .form_row label {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#container .board.audit_trail .page section.heading .right {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#container .board .page section.subheading {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#container .board.audit_trail .page section.subheading {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#container .board .page section.table tbody tr td {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

span.status_badge.in_process {
  --tw-text-opacity: 1;
  color: rgb(232 239 246 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(49 131 200 / var(--tw-bg-opacity));
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  border-style: solid;
  border-width: 1px;
  margin-bottom: 2px;
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language:before {
  width: auto;
  height: 13px;
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language ul li.selected {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language ul {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

#desk.new_document
    section.contacts
    .form_row
    .inline.pre_addon.signer_language
    ul
    li:not(.selected):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
}

#desk.new_document section.contacts .form_row .inline.pre_addon:before {
  --tw-text-opacity: 1 !important;
  color: rgb(0 8 61 / var(--tw-text-opacity)) !important;
}

#desk.new_document
    section.contacts
    .form_row:not(.prefill_open)
    .inline.role_name.pre_addon.has_tooltip:hover:before {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(123 129 145 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

#desk.new_document ul.who li a {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.new_document ul.who li a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.settings .board .page section {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.new_document section.upload .left .accepted_formats {
  --tw-text-opacity: 1;
  color: rgb(123 129 145 / var(--tw-text-opacity));
}

#desk.new_document section.contacts .form_row .inline.role_required label {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

#desk.new_document section.contacts .form_row .inline.role_required input {
  margin-right: 0.5rem;
}

label[for="set_signing_order"] input {
  margin-top: 2px;
}

#desk table.eversign.signatures_initials tr.current {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(0 235 155 / var(--tw-border-opacity));
}

.add_signature_initials h1 {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk .board.multiple_boxes.subscription_plans .page.current {
  --tw-border-opacity: 1;
  border-color: rgb(0 8 61 / var(--tw-border-opacity));
}

#desk .board.multiple_boxes .page {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity));
}

.cp_subscription .hide_compact {
  --tw-text-opacity: 1 !important;
  color: rgb(123 129 145 / var(--tw-text-opacity)) !important;
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted .action a {
  background-color: #00EB9B;
  border-radius: 9999px;
  color: #00083D;
  font-weight: 500;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  background-size: 300%;
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted .action a:hover {
  background-image: linear-gradient(90deg,#99f7d7,#99f7d7 35%,#00EB9B 65%,#00EB9B);
  background-position: 50%;
}

#desk .board.multiple_boxes.subscription_plans .page .action a {
  background-color: #fff;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #0206A8;
  color: #0206A8;
  transition-duration: 200ms;
  font-weight: 500;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: unset;
  border-style: solid;
  font-size: 14px;
}

#desk .board.multiple_boxes.subscription_plans .page .action a:hover {
  border-color: #00EB9B;
  background-color: #fff;
  background-image: none;
}

#desk .board.multiple_boxes.subscription_plans .page .action a {
  font-weight: 400;
}

#desk .board.multiple_boxes.subscription_plans .page .action a:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 235 155 / var(--tw-border-opacity)) !important;
}

#desk .board.multiple_boxes.subscription_plans .page .pricing span.yearly {
  --tw-text-opacity: 1;
  color: rgb(123 129 145 / var(--tw-text-opacity));
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted .pricing span.monthly {
  --tw-bg-opacity: 1;
  background-color: rgb(0 235 155 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk .plan_type_switch a.selected {
  --tw-bg-opacity: 1;
  background-color: rgb(0 8 61 / var(--tw-bg-opacity));
  border-style: solid;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 8 61 / var(--tw-border-opacity));
}

#desk .plan_type_switch a {
  border-style: solid;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 8 61 / var(--tw-border-opacity));
}

#desk .board.multiple_boxes.subscription_plans .page .pricing span.monthly {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 235 / var(--tw-bg-opacity));
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted {
  background-image: linear-gradient(
        45deg,
        hsl(159deg 85% 95%) 0%,
        hsl(170deg 77% 94%) 11%,
        hsl(180deg 69% 93%) 22%,
        hsl(188deg 77% 93%) 33%,
        hsl(194deg 83% 93%) 44%,
        hsl(201deg 85% 93%) 56%,
        hsl(207deg 83% 93%) 67%,
        hsl(214deg 76% 93%) 78%,
        hsl(224deg 63% 93%) 89%,
        hsl(240deg 47% 93%) 100%
      );
}

#desk .board.multiple_boxes.subscription_plans .page section.gray {
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 246 / var(--tw-bg-opacity));
}

#desk .board.multiple_boxes.subscription_plans .page.api_plan .pricing span.monthly {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 235 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(128 245 205 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted.api_plan .action a:not(.disabled) {
  background-color: #fff;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #0206A8;
  color: #0206A8;
  transition-duration: 200ms;
  font-weight: 500;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: unset;
  border-style: solid;
  font-size: 14px;
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted.api_plan .action a:not(.disabled):hover {
  border-color: #00EB9B;
  background-color: #fff;
  background-image: none;
}

#desk .board.multiple_boxes.subscription_plans .page.highlighted.api_plan .pricing span.monthly {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 235 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(0 235 155 / var(--tw-border-opacity));
}

.x_content h1 {
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.settings .board .page.settings section a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
}

#desk.settings .board .page.settings section a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 212 218 / var(--tw-bg-opacity));
}

#desk.settings .board .page section.developer_webhook_url a#webhook_save_btn,
.button.reset_access_key {
  background-color: #fff;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #0206A8;
  color: #0206A8;
  transition-duration: 200ms;
  font-weight: 500;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: unset;
  border-style: solid;
  font-size: 14px;
}

#desk.settings .board .page section.developer_webhook_url a#webhook_save_btn:hover,
.button.reset_access_key:hover {
  border-color: #00EB9B;
  background-color: #fff;
  background-image: none;
}

html {
  /* base font size for legacy app (same as for react app / chakra theme) */
  font-family: facto, Tahoma, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  line-height: 1.2;
}

.tipr_container_top {
  --tw-bg-opacity: 1;
  background-color: rgb(128 245 205 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(102 243 195 / var(--tw-border-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  overflow: hidden;
}

.tipr_content {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(128 245 205 / var(--tw-bg-opacity)) !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 8 61 / var(--tw-text-opacity));
  padding: 0.75rem;
}

.tipr_point_top:after,
.tipr_point_top:before {
  --tw-border-opacity: 1;
  border-top-color: rgb(128 245 205 / var(--tw-border-opacity));
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:pb-0 {
    padding-bottom: 0px;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-right {
    text-align: right;
  }
}