body {
  --bs-body-font-family: "Karla", Sans-serif;
  //font-family: "Roboto", Helvetica, Arial, sans-serif
}

form div.description {
  color: grey;
}

div.view-my-subscriptions td.views-field-body table {
  min-width: 200px;
  font-size: 11px;
  color: grey;
}
div.view-my-subscriptions td.views-field-body table td:nth-child(2) {
  width: 30%;
}

div#selected-plan table {
  width: 100%;
}
div#selected-plan table th:nth-child(1),
div#selected-plan table td:nth-child(1) {
  width: 50%;
  padding: 0px 10px;
  text-align: right;
}
div#selected-plan table th:nth-child(2),
div#selected-plan table td:nth-child(2) {
  width: 50%;
  padding: 0px 10px;
  text-align: left;
}

.view-plans-and-pricing .view-header {
  text-align: center;
  margin-bottom: 15px;
  color: #75b798;
  font-weight: 600;
}
.view-plans-and-pricing .views-field-title strong {
  color: #ea868f;
}
.view-plans-and-pricing table {
  width: 100%;
  table-layout: fixed;
  background-color: #d7f0ff;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.view-plans-and-pricing table {
  width: 100%;
  table-layout: fixed;
  background-color: #d7f0ff;
}
.view-plans-and-pricing .custom-plan table {
  width: 100%;
  table-layout: fixed;
  background-color: #ADD4FF;
}
.view-plans-and-pricing table th:nth-child(1),
.view-plans-and-pricing table td:nth-child(1) {
  width: 150px;
  padding: 5px 10px;
  text-align: right;
}
.view-plans-and-pricing table th:nth-child(2),
.view-plans-and-pricing table td:nth-child(2) {
  width: 150px;
  padding: 5px 10px;
  text-align: left;
}

.view-plans-and-pricing .views-view-responsive-grid__item-inner {
  padding-bottom: 30px;
}

.table th, .table td {
  color: #334a53;
}

#block-ups-account-account-menu ul.navbar-nav li.nav-item span {
  color: white;
}

div.region.region-nav-main {
  margin-right: 40px;
}

#block-ups-account-account-menu .navbar-nav span.nav-link {
  cursor: pointer;
}

nav.ups_nav {
  background-color: rgb(33, 83, 135);
}

footer.ups_footer {
  background-color: rgb(33, 83, 135);
  color: #FFFFFF;
  padding: 0;
}

footer.ups_footer h5, footer.ups_footer h2 {
  font-family: "Karla", Sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
}

.copyright {
  text-align: center;
  padding: 0px 20px 50px 20px;
  color: #FFFFFF;
  font: 15px "Karla",sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin-top: -70px;
}

.navbar {
  --bs-navbar-padding-y: 0;
  --bs-navbar-padding-x: 44px;
}

.navbar-brand img {
  height: auto;
  width: 180px;
}

.navbar-nav .nav-link {
  --bs-nav-link-color: #FFFFFF;
  --bs-nav-link-hover-color: #FFFFFF;
  --bs-nav-link-font-size: 18px;
  --bs-nav-link-font-weight: 500;
}

li.nav-item a.nav-link.is-active,
li.nav-item  a.nav-link:hover {
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 0.75em;
  text-decoration-thickness: 2px;
}

footer.ups_footer li.nav-item a.nav-link.is-active,
footer.ups_footer li.nav-item a.nav-link:hover {
  color: #fff;
  text-decoration: none;
}

footer .region-footer .social-icon {
  background-color: rgb(57, 118, 157);
  border-radius: 50%;
  padding: 0;
  color: #FFFFFF;
  font-size: 21px;
  margin-top: 20px;
  margin-right: 10px;
}

footer .region-footer a.social-icon {
  text-decoration: none;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.screen-only {
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#block-ups-account-slogan img {
  width: 180px;
  vertical-align: middle;
  display: inline-block;
}

footer .region-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0 0 0;
  max-width: 100%;
}

#block-ups-account-slogan {
  margin-right: -10em;
}

.create-tenant,
.create-ticket {
  width: 540px;
}

@media (max-width: 768px) {

  .navbar {
    --bs-navbar-padding-y: 0;
    --bs-navbar-padding-x: 0px;
  }

  footer .region-footer {
    align-items: stretch;
    margin-right: 0;
    padding: 0px 0px 0px 0px;
    padding-bottom: 40px;
  }
  .copyright {
    padding: 0px 0px 0px 0px;
    margin-top: -40px;
  }

  #block-ups-account-slogan,
  #block-ups-account-footer,
  #block-ups-account-contactus {
    margin-right: 0;
    margin-bottom: 0px;
  }

  #block-ups-account-slogan {
    margin-right: 0;
  }

  #block-ups-account-contactus {
    margin-bottom: 0;
  }

  .create-tenant {
    width: 90%;
  }
}

#block-ups-account-slogan {
  flex: 2;
}

#block-ups-account-footer {
  flex: 1;
}

#block-ups-account-contactus {
  flex: 1;
}

.email, #block-ups-account-footer nav {
  font: 16px "Karla", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

footer .region-footer span.icon {
  padding-right: 0.5em;
  color: #334a53;
  font-size: 14px;
  font-weight: 900;
  display: inline-block;
  display: inline-flex;
  align-items: center;
}

header.ups_header li.nav-item {
  margin-right: 10px;
}

footer .region-footer .nav-item {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

footer .region-footer .nav-item .icon {
  display: inline-flex;
  align-items: center;
}

footer .region-footer .nav-item a {
  margin: 0;
  padding: 0;
}

footer .region-footer a {
  color: #FFFFFF;
  text-decoration: none;
}

.region-content {
  padding: 25px 20px 20px 20px;
  color: #334a53;
  font-family: "Karla", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 60px;
}

.block-page-title-block h1 {
  color: #0b3d4f;
  margin: 20px 0px 50px 0px;
  font-family: "Prompt", Sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  display: block;
}

div.block-page-login-block {
  color: grey;
  margin: 0px 0px 0px 0px;
  font-family: "Karla", Sans-serif;
  font-size: 12px;
  text-align: center;
}

.subtitle {
  font-family: "Aptos", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  color: rgb(14, 39, 154);
}

#block-ups-account-page-title {
  text-align: center;
}

div#block-ups-account-content form.node-tenant-form .vertical-tabs,
div#block-ups-account-content form.node-tenant-form .entity-content-form-footer {
  display: none;
}

div#block-ups-account-content  #selected-plan {
  margin-top: 0;
  text-align: center;
  color: grey;
}

div.field--name-field-period span.fieldset-legend {
  color: #334a53;
  font-weight: 400;
  font-size: 14px;
}

div.field--name-field-period div#edit-field-period label {
  color: black;
}

div#edit-field-number-of-agents-wrapper, div#edit-field-period-wrapper {
  text-align: center;
  align-content: center;
  display: grid;
  place-items: center;
}

div#edit-field-number-of-agents-wrapper input, div#edit-field-period-wrapper select {
  text-align: center;
}

#edit-field-number-of-agents-0-value {
  width: 262px;
}

#edit-field-company-id-0-value--description, #edit-field-number-of-agents-0-value--description {
  color: grey;
  font-size: 11px;
}

div#block-ups-account-content form.node-tenant-form input:disabled {
  color: grey;
}

#block-ups-account-content label {
  color: #334a53;
  font-weight: 400;
  font-size: 18px;
}
#block-ups-account-content fieldset legend {
  font-weight: 400;
  font-size: 18px;
}
#block-ups-account-content .form-radios label {
  font-weight: 400;
  font-size: 14px;
}

.node-form .form-actions {
  margin-top: 0em;
  text-align: center;
}

#block-ups-account-content ul.horizontal-tabs-list {
  display:none;
}
#block-ups-account-content div#edit-field-status-wrapper {
  display:none;
}

div.view-my-subscriptions .view-content td.views-field-uuid div.wrapper {
  text-wrap: nowrap;
}

div.view-my-subscriptions .view-content th.views-field-field-number-of-agents,
div.view-my-subscriptions .view-content td.views-field-field-number-of-agents {
  text-align: center;
}
div.view-my-subscriptions .view-content tr.canceled {
  opacity: .4;
}

div.view-revisions.view-display-id-page_1 {
  width: 94vw;
  position: relative;
  margin-left: -47vw;
  left: 50%;
}

div.view-revisions.view-display-id-page_1 div.view-empty {
  text-align: center;
}

div.view-plans-and-pricing div.views-view-responsive-grid__item {
  text-align: center;
}

div.view-plans-and-pricing .views-field-body span.field-content p,
div.view-plans-and-pricing .views-field-field-upgrade-desc div.field-content p {
  margin-bottom: 0;
}

.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-body p {
  margin-bottom: 0;
}

.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-field-expiration-date span,
.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-body p,
.view-id-revisions.view-display-id-page_1 .views-view-table td.views-field-field-expiration-date__revision-id span,
.view-id-revisions.view-display-id-page_1 .views-view-table td.views-field-title span {
  display: block;
  font-size: 12px;
  color: grey;
}

.view-id-my_subscriptions.view-display-id-page_1 .views-view-table span.history {
  display: block;
}
.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-field-status span.trialing,
.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-field-status span.active {
  color: green;
}
.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-field-status span.unpaid,
.view-id-my_subscriptions.view-display-id-page_1 .views-view-table td.views-field-field-status span.past_due {
  color: red;
}
div#block-ups-account-page-title h1 a {
  display: block;
  font-size: 20px;
  line-height: 30px;
}

div.view-plans-and-pricing div.plan-upgrade-0 {
  opacity: 0.5;
}

div.view-plans-and-pricing span.views-field-title span {
  font-weight: 700;
  text-transform: uppercase;
}

div.view-my-subscriptions .view-content span.ajax-progress__throbber {
  width: 1em;
  height: 1em;
  animation: gin-throbber 0.75s linear infinite;
  border: 1px solid red;
  border-right: 1px dotted transparent;
  border-radius: 50%;
}

#block-ups-account-content #node-tenant-form #selected-plan p,
#block-ups-account-content #node-tenant-edit-form #selected-plan p {
  margin-bottom: 0;
}

div.stripe-subscribe-plan-upgrade, div.stripe-subscribe-plan-cancel {
  margin-bottom: 8px;
}

body.path-subscription-cancel a#cancel,
body.path-subscription-cancel span#cancel {
  color: red;
}

article.node--type-ticket.node--view-mode-full .node__content div.fieldset-wrapper {
  /*display:flex;*/
}

body.page-node-type-ticket h1 {
  text-align: left;
}

div.block-page-title-block h1 {
  #display: flex;
}
div.block-page-title-block div.ticket-status {
  font-size: 25px;
  color: gray;
  text-transform: uppercase;
  padding-bottom: 20px;
}
div.ticket_comments form.comment-tms-comments-form.comment-form {
  margin-bottom: 40px;
}
form.node-ticket-form #edit-body-0-format,
form.node-ticket-form .tabledrag-toggle-weight-wrapper,
form.node-ticket-form .tabledrag-handle.tabledrag-handle-y,
div.ticket_comments #edit-comment-body-0-format,
div.ticket_comments .tabledrag-toggle-weight-wrapper,
div.ticket_comments .tabledrag-handle.tabledrag-handle-y {
  display: none;
}
div.ticket_comments fieldset.form-wrapper .fieldset-wrapper,
.ticket_comments div.field--name-field-ticket-id,
.ticket_comments div.field--name-field-priority,
.ticket_comments div.field--name-field-ticket-status,
.ticket_comments div.field--name-field-category,
.ticket_comments div.field--type-entity-reference {
  color: grey;
  margin-right: 30px;
  display: flex;
}
div.ticket_comments article {
  margin-bottom: 40px;
}
div.ticket_comments div.comment_author_created,
div.ticket-body div.node__submitted {
  margin-bottom: 10px;
  display: flex;
}
div.ticket-body a.username,
div.ticket_comments a.username {
  margin-right: 15px;
}
div.ticket_comments article,
div.ticket-body {
  border-left-style: solid;
  border-color: gray;
  padding-left: 10px;
}
form.node-ticket-form .field--name-field-attachments thead,
div.ticket_comments .field--name-field-attachments thead,
form.node-ticket-form div.form-type-managed-file label,
div.ticket_comments div.form-type-managed-file label {
  display: none;
}

.btn-primary {
  color: white;
  background-color: #0e6a74;
  border-color: #0e6a74;
  margin-top:10px;
  --bs-btn-border-color: #0e6a74;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0e6a74;
  --bs-btn-hover-border-color: #0e6a74;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e6a74;
  --bs-btn-active-border-color: #0e6a74;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0e6a74;
  --bs-btn-disabled-border-color: #0e6a74;
}

.btn-primary:hover {
  color: white;
  background-color: #14b8a6;
  border-color: #14b8a6;
  margin-top:10px;
}

form.contact-message-contact-us-form {
  width: 500px;
  margin: 0 auto;
}

.view-plans-and-pricing .views-row {
  margin-bottom: 50px;
}

form.user-form div.form-item,
form.change-pwd-form div.form-item {
  margin-bottom: 3em;
}
form.change-pwd-form div#edit-pass--description {
  display: none;
}

.navbar-toggler {
  border-color: white;
}
.navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}