/**
 * CSS variables.
 *
 * The apigee_kickstart theme uses CSS Variables for some rules, which are
 * also available to customize in the UI via Customizer. The color fields are
 * defined in `THEME.customizer.yml`, and their default values (which should
 * mirror the values you set below) are defined in
 * `config/install/apigee_kickstart_customizer.theme.THEME.yml`.
 *
 * By default, the variables point to other CSS variable values, which originate
 * from the Bootstrap build. See the partials linked in the "CSS Variables"
 * section in apigee_kickstart/src/sass/apigee-kickstart.style.scss for more
 * details.
 *
 * :root {
 *   --ak-header-color-bg: var(--dark);
 *   --ak-header-color: var(--white);
 *   --ak-footer-color-bg: var(--dark);
 *   --ak-footer-color: var(--white);
 *   --ak-accent-color: var(--blue);
 *   --ak-accent-color-light: var(--white);
 *   --ak-accent-color-dark: var(--blue-dark);
 * }
 */

/**
 * Add custom CSS here.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    background: #F2F2F2;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0px;
}

input.btn { text-transform: inherit; }

.button.is-primary,
.button.is-secondary,
.button.is-tertiary,
.button.is-text {
    font-size: 14px;
    letter-spacing: 0px
}
.button.is-primary:focus { background-color: var(--ansira-purple) }

.page .main { min-height: 420px }
.page .swagger-ui .main { min-height: 0px }

.page-layout-sidebar-default,
.page__content-below {
    background: white;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 30px 0px 30px;
    padding-top: 30px;
}
.page__content-below {
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 30px
}

.path-frontpage .page-layout-sidebar-default, .page__content-below {
    padding-right: 50px;
    padding-left: 50px;
}

.loading-grid {
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    color: white;
    font-family: 'Helvetica', 'Arial', sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 65px;
    height: 20px;
}
    .lds-ellipsis div {
        position: absolute;
        top: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }
    .lds-ellipsis div:nth-child(1) {
        left: 0;
        animation: lds-ellipsis1 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(2) {
        left: 5px;
        animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(3) {
        left: 30px;
        animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(4) {
        left: 50px;
        animation: lds-ellipsis3 0.6s infinite;
    }
    @keyframes lds-ellipsis1 {
        0% {
        transform: scale(0);
        }
        100% {
        transform: scale(1);
        }
    }
    @keyframes lds-ellipsis3 {
        0% {
        transform: scale(1);
        }
        100% {
        transform: scale(0);
        }
    }
    @keyframes lds-ellipsis2 {
        0% {
        transform: translate(0, 0);
        }
        100% {
        transform: translate(19px, 0);
        }
    }

    .loading-message {
        width: 70px;
        margin: 0 auto;
        position: relative;
        margin-top: 15%;
    }
        .loading-message p {
            position: relative;
            top: 25px;
        }

    @keyframes lds-ellipsis2 {
        0% {
            transform: translate(0, 0);
        }
        100% {
            transform: translate(19px, 0);
        }
    }

.path-frontpage .block.block--sproutloud-page-title,
.page-node-type-article .block.block--sproutloud-page-title,
.page-node-type-page .block.block--sproutloud-page-title,
.page-node-type-private-articles .block.block--sproutloud-page-title,
.page-node-type-public-articles-qa- .block.block--sproutloud-page-title,
.page-node-type-private-articles-qa- .block.block--sproutloud-page-title { display: none; }

.block--sproutloud-page-title {
    background-color: transparent !important;
    display: block;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
}

    .block--sproutloud-page-title .container {
        margin-left: 0;
        padding-left: 0;
    }

    .page__content h1.page__title { margin-top: 0; }

.block--sproutloud-tools .nav-item {
    display: block;
    width: 100%;
}
    .block--sproutloud-tools .nav-item a {
        color: #006072;
    }

    .block--sproutloud-tools .nav-item.active {
        background: #2eb0c7;
        border-radius: 4px;
    }

        .block--sproutloud-tools .nav-item.active .nav-link { color: #fff; }

.navbar-brand,
.navbar-brand:hover { color: var(--white); }

.page__breadcrumbs,
.breadcrumbs,
.breadcrumb {
    background-color: #ffffff;
}
.page__breadcrumbs {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 20px;
}

.breadcrumb {
    align-items: center;
    float: right;
    min-height: 50px;
}

.breadcrumb-item { padding: 0 }
.ui-article-name {
    align-items: center;
    color: #aeaeae;
    display: inline-flex;
    font-size: 20px;
    min-height: 50px;
}

.breadcrumb-item a { color: #90C2CC; }

.breadcrumb-item + .breadcrumb-item::before {
    color: #90C2CC;
    content: "/"
}


/* Notification Messages */

.alert.alert-info em.placeholder, .alert.alert-warning em.placeholder, .alert.alert-success em.placeholder, .alert.alert-danger em.placeholder {
    font-style: normal;
    font-weight: 300;
    word-break: break-all;
}

.alert.alert-info em.placeholder:first-child, .alert.alert-warning em.placeholder:first-child, .alert.alert-success em.placeholder:first-child, .alert.alert-danger em.placeholder:first-child {
    font-weight: bold;
    word-break: initial;
    animation: 0.35s fadeIn;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;    
    visibility: hidden;    
}

@keyframes fadeIn {
    99% {
      visibility: hidden;
    }
    100% {
      visibility: visible;
    }
  }

/**
 * If the "bottom" property changes, the new value should be used in the JS function
 * stackAlertMessages() in src/web/themes/sproutloud/js/sproutloud.script.js
 */
.alert-info,
.alert-danger,
.alert-success,
.alert-warning {
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0px 2px 9px rgb(0 0 0 / 0%);
    -webkit-box-shadow: 0px 2px 9px rgb(0 0 0 / 0%);
    border-radius: 6px;
    bottom: 2em;
    color: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: unset;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px !important;
    margin-right: -15px;
    opacity: 1;
    position: fixed;
    padding: 18px 18px 18px 48px;
    right: 45px;
    width: 338px;
    z-index: 123;
}

/* New notification animations  */

.alert-success {
    -webkit-animation:success-notification-content 1s ease-in-out forwards;
    -moz-animation:success-notification-content 1s ease-in-out forwards;
    -o-animation:success-notification-content 1s ease-in-out forwards;
    -ms-animation:success-notification-content 1s ease-in-out forwards;
    animation:success-notification-content 1s ease-in-out forwards;
    animation-delay:0.5s;
}

.alert-info {
    -webkit-animation:info-notification-content 1s ease-in-out forwards;
    -moz-animation:info-notification-content 1s ease-in-out forwards;
    -o-animation:info-notification-content 1s ease-in-out forwards;
    -ms-animation:info-notification-content 1s ease-in-out forwards;
    animation:info-notification-content 1s ease-in-out forwards;
    animation-delay:0.5s;
}

.alert-warning {
    -webkit-animation:warning-notification-content 1s ease-in-out forwards;
    -moz-animation:warning-notification-content 1s ease-in-out forwards;
    -o-animation:warning-notification-content 1s ease-in-out forwards;
    -ms-animation:warning-notification-content 1s ease-in-out forwards;
    animation:warning-notification-content 1s ease-in-out forwards;
    animation-delay:0.5s;
}

.alert-danger {
    -webkit-animation:danger-notification-content 1s ease-in-out forwards;
    -moz-animation:danger-notification-content 1s ease-in-out forwards;
    -o-animation:danger-notification-content 1s ease-in-out forwards;
    -ms-animation:danger-notification-content 1s ease-in-out forwards;
    animation:danger-notification-content 1s ease-in-out forwards;
    animation-delay:0.5s;
}

@keyframes success-notification-content {
    from {
        background-color:rgba(255,255,255,0);
        box-shadow:0px 2px 9px rgba(0,0,0,0);
        color:rgba(26,46,5,0);
    }
    to {
        background-color:#dcfce7;
        box-shadow:0px 2px 9px rgba(0,0,0,0.5);
        color:#1a2e05;
    }
}

@keyframes info-notification-content {
    from {
      background-color: rgba(255, 255, 255, 0);
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0);
      color: rgba(23,37,84, 0);
    }

    to {
      background-color: rgba(219,234,254, 1);
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.5);
      color: rgba(23,37,84, 1);
    }
}

@keyframes warning-notification-content {
    from {
      background-color: rgba(255, 255, 255, 0);
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0);
      color: rgba(69,26,3, 0);
    }

    to {
      background-color: rgba(254,243,199, 1);
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.5);
      color: rgba(69,26,3, 1);
    }
}

@keyframes danger-notification-content {
    from {
      background-color: rgba(255, 255, 255, 0);
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0);
      color: rgba(69,10,10, 0);
    }

    to {
      background-color: rgba(254,226,226, 1);
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.5);
      color: rgba(69,10,10, 1);
    }
}

@keyframes pi-close-content {
    from {
        background-color: transparent;
        color: rgba(26,46,5, 0);
    }
    to {
        background-color: transparent;
        color: rgba(26,46,5, 1);
    }
}

@keyframes pi-close-info-content {
    from {
      background-color: transparent;
      color: rgba(23,37,84, 0);
    }
    to {
      background-color: transparent;
      color: rgba(23,37,84, 1);
    }
}

@keyframes pi-close-warning-content {
    from {
      background-color: transparent;
      color: rgba(69,26,3, 0);
    }
    to {
      background-color: transparent;
      color: rgba(69,26,3, 1);
    }
}

@keyframes pi-close-danger-content {
    from {
      background-color: transparent;
      color: rgba(69,10,10, 0);
    }
    to {
      background-color: transparent;
      color: rgba(69,10,10, 1);
    }
}


@-webkit-keyframes alert-notification-icon {
    0% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(0);
    }
    25% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    40% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    100% {
      transform: translateX(0px) scale(1);
      border-radius: 6px 0px 0px 6px;
    }
  }
  @-moz-keyframes alert-notification-icon {
    0% {
      transform: translateX(270px) scale(0);
      border-radius: 50px 50px 50px 50px;
    }
    25% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    40% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    100% {
      border-radius: 6px 0px 0px 6px;
      transform: translateX(0px) scale(1);
    }
  }
  @-o-keyframes alert-notification-icon {
    0% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(0);
    }
    25% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    40% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    100% {
      border-radius: 6px 0px 0px 6px;
      transform: translateX(0px) scale(1);
    }
  }
  @-ms-keyframes alert-notification-icon {
    0% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(0);
    }
    25% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    40% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    100% {
      border-radius: 6px 0px 0px 6px;
      transform: translateX(0px) scale(1);
    }
  }
  @keyframes alert-notification-icon {
    0% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(0);
    }
    25% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    40% {
      border-radius: 50px 50px 50px 50px;
      transform: translateX(270px) scale(1);
    }
    100% {
      border-radius: 6px 0px 0px 6px;
      transform: translateX(0px) scale(1);
    }
}

.hide-notification {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.alert-info:before,
.alert-warning:before,
.alert-success:before,
.alert-danger:before {
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    position: absolute;
    top: 30%;
    z-index: 999;
}

.alert-info:before {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2.25C9.48438 2.25 6.29688 4.125 4.51562 7.125C2.78125 10.1719 2.78125 13.875 4.51562 16.875C6.29688 19.9219 9.48438 21.75 13 21.75C16.4688 21.75 19.6562 19.9219 21.4375 16.875C23.1719 13.875 23.1719 10.1719 21.4375 7.125C19.6562 4.125 16.4688 2.25 13 2.25ZM13 24C8.6875 24 4.75 21.75 2.59375 18C0.4375 14.2969 0.4375 9.75 2.59375 6C4.75 2.29688 8.6875 0 13 0C17.2656 0 21.2031 2.29688 23.3594 6C25.5156 9.75 25.5156 14.2969 23.3594 18C21.2031 21.75 17.2656 24 13 24ZM11.125 15.75H12.25V12.75H11.125C10.4688 12.75 10 12.2812 10 11.625C10 11.0156 10.4688 10.5 11.125 10.5H13.375C13.9844 10.5 14.5 11.0156 14.5 11.625V15.75H14.875C15.4844 15.75 16 16.2656 16 16.875C16 17.5312 15.4844 18 14.875 18H11.125C10.4688 18 10 17.5312 10 16.875C10 16.2656 10.4688 15.75 11.125 15.75ZM13 9C12.1562 9 11.5 8.34375 11.5 7.5C11.5 6.70312 12.1562 6 13 6C13.7969 6 14.5 6.70312 14.5 7.5C14.5 8.34375 13.7969 9 13 9Z' fill='%232563EB'/%3E%3C/svg%3E");
    height: 22px;
    left: 16px;
    top: 17px;
    width: 24px;
    -webkit-animation:alert-notification-icon 1s ease forwards;
    -moz-animation:alert-notification-icon 1s ease forwards;
    -o-animation:alert-notification-icon 1s ease forwards;
    -ms-animation:alert-notification-icon 1s ease forwards;
    animation:alert-notification-icon 1s ease forwards;
    animation-delay:0.5s;
    transform:translateX(270px) scale(0);
}

.alert-warning:before {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.625 3.98438L2.34375 19.2188C2.25 19.3594 2.25 19.4531 2.25 19.5938C2.25 19.9688 2.53125 20.25 2.90625 20.25H21.0469C21.4219 20.25 21.75 19.9688 21.75 19.5938C21.75 19.4531 21.7031 19.3594 21.6094 19.2188L12.3281 3.98438C12.2812 3.84375 12.1406 3.75 12 3.75C11.8125 3.75 11.7188 3.84375 11.625 3.98438ZM9.70312 2.8125C10.1719 2.01562 11.0625 1.5 12 1.5C12.8906 1.5 13.7812 2.01562 14.25 2.8125L23.5312 18.0469C23.8125 18.5156 24 19.0312 24 19.5938C24 21.1875 22.6875 22.5 21.0469 22.5H2.90625C1.3125 22.5 0 21.1875 0 19.5938C0 19.0312 0.140625 18.5156 0.421875 18.0469L9.70312 2.8125ZM13.5 17.25C13.5 18.0938 12.7969 18.75 12 18.75C11.1562 18.75 10.5 18.0938 10.5 17.25C10.5 16.4531 11.1562 15.75 12 15.75C12.7969 15.75 13.5 16.4531 13.5 17.25ZM13.125 8.625V13.125C13.125 13.7812 12.6094 14.25 12 14.25C11.3438 14.25 10.875 13.7812 10.875 13.125V8.625C10.875 8.01562 11.3438 7.5 12 7.5C12.6094 7.5 13.125 8.01562 13.125 8.625Z' fill='%23D97706'/%3E%3C/svg%3E");
    height: 22px;
    left: 16px;
    top: 16px;
    width: 24px;
    -webkit-animation:alert-notification-icon 1s ease forwards;
    -moz-animation:alert-notification-icon 1s ease forwards;
    -o-animation:alert-notification-icon 1s ease forwards;
    -ms-animation:alert-notification-icon 1s ease forwards;
    animation:alert-notification-icon 1s ease forwards;
    animation-delay:0.5s;
    transform:translateX(270px) scale(0);
}

.alert-success:before {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2.25C9.48438 2.25 6.29688 4.125 4.51562 7.125C2.78125 10.1719 2.78125 13.875 4.51562 16.875C6.29688 19.9219 9.48438 21.75 13 21.75C16.4688 21.75 19.6562 19.9219 21.4375 16.875C23.1719 13.875 23.1719 10.1719 21.4375 7.125C19.6562 4.125 16.4688 2.25 13 2.25ZM13 24C8.6875 24 4.75 21.75 2.59375 18C0.4375 14.2969 0.4375 9.75 2.59375 6C4.75 2.29688 8.6875 0 13 0C17.2656 0 21.2031 2.29688 23.3594 6C25.5156 9.75 25.5156 14.2969 23.3594 18C21.2031 21.75 17.2656 24 13 24ZM18.2969 9.79688L12.2969 15.7969C11.8281 16.2656 11.125 16.2656 10.7031 15.7969L7.70312 12.7969C7.23438 12.375 7.23438 11.6719 7.70312 11.25C8.125 10.7812 8.82812 10.7812 9.29688 11.25L11.5 13.4531L16.7031 8.25C17.125 7.78125 17.8281 7.78125 18.2969 8.25C18.7188 8.67188 18.7188 9.375 18.2969 9.79688Z' fill='%2316A34A'/%3E%3C/svg%3E%0A");
    height: 22px;
    left: 16px;
    top: 17px;
    width: 24px;
    -webkit-animation:alert-notification-icon 1s ease forwards;
    -moz-animation:alert-notification-icon 1s ease forwards;
    -o-animation:alert-notification-icon 1s ease forwards;
    -ms-animation:alert-notification-icon 1s ease forwards;
    animation:alert-notification-icon 1s ease forwards;
    animation-delay:0.5s;
    transform:translateX(270px) scale(0);

}

.alert-danger:before {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2.25C9.48438 2.25 6.29688 4.125 4.51562 7.125C2.78125 10.1719 2.78125 13.875 4.51562 16.875C6.29688 19.9219 9.48438 21.75 13 21.75C16.4688 21.75 19.6562 19.9219 21.4375 16.875C23.1719 13.875 23.1719 10.1719 21.4375 7.125C19.6562 4.125 16.4688 2.25 13 2.25ZM13 24C8.6875 24 4.75 21.75 2.59375 18C0.4375 14.2969 0.4375 9.75 2.59375 6C4.75 2.29688 8.6875 0 13 0C17.2656 0 21.2031 2.29688 23.3594 6C25.5156 9.75 25.5156 14.2969 23.3594 18C21.2031 21.75 17.2656 24 13 24ZM9.20312 8.20312C9.625 7.78125 10.3281 7.78125 10.75 8.20312L12.9531 10.4062L15.1562 8.20312C15.625 7.78125 16.3281 7.78125 16.75 8.20312C17.2188 8.67188 17.2188 9.375 16.75 9.79688L14.5469 12L16.75 14.2031C17.2188 14.6719 17.2188 15.375 16.75 15.7969C16.3281 16.2656 15.625 16.2656 15.1562 15.7969L12.9531 13.5938L10.75 15.7969C10.3281 16.2656 9.625 16.2656 9.20312 15.7969C8.73438 15.375 8.73438 14.6719 9.20312 14.2031L11.4062 12L9.20312 9.79688C8.73438 9.375 8.73438 8.67188 9.20312 8.20312Z' fill='%23DC2626'/%3E%3C/svg%3E");
    height: 22px;
    left: 16px;
    top: 17px;
    width: 24px;
    -webkit-animation:alert-notification-icon 1s ease forwards;
    -moz-animation:alert-notification-icon 1s ease forwards;
    -o-animation:alert-notification-icon 1s ease forwards;
    -ms-animation:alert-notification-icon 1s ease forwards;
    animation:alert-notification-icon 1s ease forwards;
    animation-delay:0.5s;
    transform:translateX(270px) scale(0);
}

.alert.alert-info.rounded-sm.alert-dismissible,
.alert.alert-success.rounded-sm.alert-dismissible,
.alert.alert-warning.rounded-sm.alert-dismissible,
.alert.alert-danger.rounded-sm.alert-dismissible {
    border-radius: 6px !important
}

.alert.alert-success.rounded-sm.alert-dismissible .close {
    opacity: 1;
    padding: 0.60rem 0.55rem;
    -webkit-animation: pi-close-content 1s ease-in-out forwards;
    -moz-animation: pi-close-content 1s ease-in-out forwards;
    -o-animation: pi-close-content 1s ease-in-out forwards;
    -ms-animation: pi-close-content 1s ease-in-out forwards;
    animation: pi-close-content 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

.alert.alert-info.rounded-sm.alert-dismissible .close {
    opacity: 1;
    padding: 0.60rem 0.55rem;
    -webkit-animation: pi-close-info-content 1s ease-in-out forwards;
    -moz-animation: pi-close-info-content 1s ease-in-out forwards;
    -o-animation: pi-close-info-content 1s ease-in-out forwards;
    -ms-animation: pi-close-info-content 1s ease-in-out forwards;
    animation: pi-close-info-content 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

.alert.alert-warning.rounded-sm.alert-dismissible .close {
    opacity: 1;
    padding: 0.60rem 0.55rem;
    -webkit-animation: pi-close-warning-content 1s ease-in-out forwards;
    -moz-animation: pi-close-warning-content 1s ease-in-out forwards;
    -o-animation: pi-close-warning-content 1s ease-in-out forwards;
    -ms-animation: pi-close-warning-content 1s ease-in-out forwards;
    animation: pi-close-warning-content 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

.alert.alert-danger.rounded-sm.alert-dismissible .close {
    opacity: 1;
    padding: 0.60rem 0.55rem;
    -webkit-animation: pi-close-danger-content 1s ease-in-out forwards;
    -moz-animation: pi-close-danger-content 1s ease-in-out forwards;
    -o-animation: pi-close-danger-content 1s ease-in-out forwards;
    -ms-animation: pi-close-danger-content 1s ease-in-out forwards;
    animation: pi-close-danger-content 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

button.close svg { vertical-align: top; }

/* General Changes */

.ui-more-info {
    color: var(--ansira-purple);
    display: inline-block;
}
.ui-more-info a { color: inherit; }

.font-sm { font-size:11px !important; }
.font-md { font-size:14px !important;}
.font-ext-md { font-size:16px; }
.font-lg { font-size:18px !important; }
.font-xl { font-size:32px !important; }
.font-ext-lg { font-size:40px !important; }
.font-reset { font-size:12px !important; }

.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }

.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }

.margin-sides-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.navbar {
    box-shadow: 0px 0px 10px 3px rgb(50 51 40 / 10%);
    height: 60px;
}

.navbar-inverse {
    background-color: #006072;
    border-color: #006072;
}

.navbar-inverse .navbar-brand {
    color: white;
}

.body-title {
    margin: 10px 0;
    padding: 50px 0 0 0;
}

.page__footer {
    color: white;
    background: url('../img/footer-ansira.png') no-repeat top right var(--ansira-darkblue);
    background-size: contain;
    font-weight: 300;
    padding: 30px 0;
    text-align: center;
}

a.account {
    color: #89BEC8;
    margin: 0 30px;
}

a.login, a[href='/user/login'], a[href='/user/logout'] {
    color: var(--white) !important;
    border: 1px solid var(--white);
    border-radius: 4px;
    padding: 5px 20px;
}
a.login:hover, a[href='/user/login']:hover, a[href='/user/logout']:hover  {
    color: white !important;
    background: var(--ansira-purple);
    border: 1px solid var(--ansira-purple);
}

a[href='/user/login'].get-started-btn { color: white !important }

a[href='/user'] {
    display: none;
}

a[href='/user/login']:hover.active { color: inherit !important; }

a.login, a[href='/user/login'].nav-link.is-active:after,
a[href='/user/logout'].nav-link.is-active:after { content: none !important }

.navbar-form { margin-top: 15px; }

body:not(.user-logged-in) aside.sidebar.sidebar-first.col-md.order-md-first {
    display: none
}

.path-frontpage .page__title {
    display: none;
}

/* Styles for the search bar and pagination*/

.table-pager .btn-primary {
    background-color: transparent;
    border-color: transparent;
    border-width: 0px;
    color: #616161;
    font-size: 0.875rem;
    font-weight: 700;
    width: auto
}

.table-pager ul.pagination button.btn-primary {
    padding: 0px 5px;
    margin: 0 2px
}

.table-pager ul.pagination button:hover.btn.btn-primary.btn-sm.btn-page-size,
.table-pager ul.pagination button:hover.btn.btn-primary.btn-sm.btn-page { background: #eee }

.table-pager ul.pagination .active button.btn-page-size,
.table-pager ul.pagination .active button.btn-page { cursor: inherit}

.table-pager ul.pagination .active button:hover.btn.btn-primary.btn-sm.btn-page-size,
.table-pager ul.pagination .active button:hover.btn.btn-primary.btn-sm.btn-page { background: transparent; }

.table-pager ul.pagination .active button.btn-primary { color: var(--ansira-purple); }

.table-pager ul.pagination button.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0; }
.table-pager ul.pagination button.btn-primary:not(:disabled):not(.disabled):active,
.table-pager ul.pagination button.btn-primary:not(:disabled):not(.disabled).active {
    background-color: transparent;
    border: 0px;
    box-shadow: 0 0 0 0;
    color: #616161
}

.table-pager ul.pagination .btn-sm { line-height: 1.4 }

.table-pager .pagination .pagesize-info { letter-spacing: 0; }

.table-pager input.btn + .btn { margin-left: 0; }

.table-pager input:hover { background: #eee; }

.table-pager input:active {
    background: transparent;
    color: #616161
}

.table-pager .button, .button.is-tertiary {
     padding: .05em .10em !important;
}

.table-pager {
    display: flex;
    margin-bottom: 20px;
    padding: 0 34px;
}

.table-pager div {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

.margin-sides-small {
    margin: 34px;
    margin-bottom: 0px;
}

.search-box {
    position: relative;
    display: flex;
    -ms-flex: auto 2;
    flex: auto 2;
}

.search-box input.btn-scope-srch {
    background: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23dbdbdb' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-position: center;
    border: 1px solid #dbdbdb;
    border-radius: 0px 4px 4px 0px !important;
    bottom: -8px;
    display: inline-block;
    height: 38px;
    position: relative;
    width: 44px;
}

.search-box input.btn-scope-srch:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23757575' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    border: 1px solid #b5b5b5;
}

.search-box .form-item input  {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

.search-box .form-item {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 100%;
}

.table-pager input:hover { background: #eee; }

.table-pager input:active {
    background: transparent;
    color: #616161
}

.total-info { font-size: 0.875rem; }

span.results-info, .pagesize-info { font-weight: 500; }

.scopes-table-pagesize { font-size: 0.875rem; }

.table-pager .prev-page {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 512' style='enable-background:new 0 0 256 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%235B2FF1;%7D%0A%3C/style%3E%3Cpath class='st0' d='M224.3,273l-136,136c-9.4,9.4-24.6,9.4-33.9,0l-22.6-22.6c-9.4-9.4-9.4-24.6,0-33.9l96.4-96.4l-96.4-96.4 c-9.4-9.4-9.4-24.6,0-33.9L54.3,103c9.4-9.4,24.6-9.4,33.9,0l136,136C233.7,248.4,233.7,263.6,224.3,273z'/%3E%3C/svg%3E");
    height: 20px;
    transform: rotate(180deg);
    width: 10px;
}

.table-pager .next-page {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 512' style='enable-background:new 0 0 256 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%235B2FF1;%7D%0A%3C/style%3E%3Cpath class='st0' d='M224.3,273l-136,136c-9.4,9.4-24.6,9.4-33.9,0l-22.6-22.6c-9.4-9.4-9.4-24.6,0-33.9l96.4-96.4l-96.4-96.4 c-9.4-9.4-9.4-24.6,0-33.9L54.3,103c9.4-9.4,24.6-9.4,33.9,0l136,136C233.7,248.4,233.7,263.6,224.3,273z'/%3E%3C/svg%3E");
    height: 20px;
    width: 10px;
}

.table-pager .prev-page:hover {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 512' style='enable-background:new 0 0 256 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M224.3,273l-136,136c-9.4,9.4-24.6,9.4-33.9,0l-22.6-22.6c-9.4-9.4-9.4-24.6,0-33.9l96.4-96.4l-96.4-96.4 c-9.4-9.4-9.4-24.6,0-33.9L54.3,103c9.4-9.4,24.6-9.4,33.9,0l136,136C233.7,248.4,233.7,263.6,224.3,273z'/%3E%3C/svg%3E") !important;
    height: 20px;
    transform: rotate(180deg);
    width: 10px;
}
.table-pager .next-page:hover {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 512' style='enable-background:new 0 0 256 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M224.3,273l-136,136c-9.4,9.4-24.6,9.4-33.9,0l-22.6-22.6c-9.4-9.4-9.4-24.6,0-33.9l96.4-96.4l-96.4-96.4 c-9.4-9.4-9.4-24.6,0-33.9L54.3,103c9.4-9.4,24.6-9.4,33.9,0l136,136C233.7,248.4,233.7,263.6,224.3,273z'/%3E%3C/svg%3E") !important;
    height: 20px;
    width: 10px;
}

.total-numbers { font-weight: 300 !important; }

.page__content .m-card .fieldset-wrapper .search-box .form-item { display: inline-block }

/* Messages*/

.macaw-b .m-warning, .macaw-b .m-danger, .macaw-b .m-info, .macaw-b .m-success {
    background-color:whitesmoke;
    border-left-color:#e94f3d;
    border-left-width:4px;
    border-left-style:solid;
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
    color:#424242;
    margin:2em 0;
    position:relative;
    padding:12px 24px 12px 30px;
    z-index:1;
  }
  .macaw-b .m-warning ul, .macaw-b .m-danger ul, .macaw-b .m-info ul, .macaw-b .m-success ul { padding-left:30px; }
  .macaw-b .m-warning ul > li, .macaw-b .m-danger ul > li, .macaw-b .m-info ul > li, .macaw-b .m-success ul > li { list-style-type:disc; }
  .macaw-b .m-warning:before, .macaw-b .m-danger:before, .macaw-b .m-info:before, .macaw-b .m-success:before {
    position:absolute;
    top:10px;
    left:-12px;
    border-radius:100%;
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    content:"";
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:11px;
    background-position:center;
  }
  .macaw-b .m-warning { border-left-color:#f7b334; }
  .macaw-b .m-warning:before {
    background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='401.999px' fill='%23ffffff' height='401.998px' viewBox='0 0 401.999 401.998' style='enable-background:new 0 0 401.999 401.998;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M237.543,301.499h-73.091c-4.95,0-9.233,1.811-12.851,5.425c-3.615,3.617-5.424,7.897-5.424,12.847v63.953 c0,4.948,1.809,9.232,5.424,12.854c3.621,3.61,7.9,5.421,12.851,5.421h73.097c4.942,0,9.227-1.811,12.848-5.421 c3.61-3.621,5.42-7.905,5.42-12.854v-63.953c0-4.949-1.813-9.229-5.427-12.847C246.773,303.307,242.488,301.499,237.543,301.499z' /%3E%3Cpath d='M259.383,5.424C255.862,1.812,251.628,0,246.676,0h-91.359c-4.948,0-9.18,1.812-12.703,5.424 c-3.521,3.617-5.186,7.902-4.996,12.85l7.992,219.265c0.19,4.948,2.139,9.236,5.852,12.847c3.711,3.621,8.041,5.431,12.991,5.431 h73.097c4.942,0,9.271-1.81,12.991-5.431c3.71-3.61,5.653-7.898,5.852-12.847l7.987-219.265 C264.578,13.326,262.905,9.045,259.383,5.424z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-color:#f7b334;
  }
  .macaw-b .m-info { border-left-color:#456caa; }
  .macaw-b .m-info:before {
    background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='401.998px' fill='%23ffffff' height='401.998px' viewBox='0 0 401.998 401.998' style='enable-background:new 0 0 401.998 401.998;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M164.454,91.363h73.098c4.945,0,9.226-1.807,12.847-5.424c3.61-3.614,5.421-7.898,5.421-12.847V18.274 c0-4.948-1.811-9.229-5.428-12.85C246.777,1.812,242.49,0,237.544,0h-73.091c-4.946,0-9.229,1.812-12.847,5.424 c-3.615,3.617-5.424,7.902-5.424,12.85v54.818c0,4.949,1.809,9.233,5.424,12.847C155.224,89.556,159.507,91.363,164.454,91.363z' /%3E%3Cpath d='M286.936,334.331c-3.613-3.617-7.897-5.427-12.847-5.427h-18.274V164.452c0-4.947-1.807-9.229-5.421-12.845 c-3.62-3.617-7.904-5.426-12.847-5.426H127.912c-4.949,0-9.231,1.809-12.847,5.426c-3.618,3.616-5.424,7.898-5.424,12.845v36.547 c0,4.946,1.807,9.231,5.424,12.845c3.615,3.621,7.898,5.428,12.847,5.428h18.274v109.633h-18.274 c-4.949,0-9.231,1.81-12.847,5.427c-3.618,3.614-5.424,7.898-5.424,12.847v36.546c0,4.948,1.807,9.232,5.424,12.854 c3.615,3.61,7.898,5.421,12.847,5.421h146.177c4.949,0,9.233-1.811,12.847-5.421c3.614-3.621,5.421-7.905,5.421-12.854v-36.546 C292.357,342.229,290.56,337.945,286.936,334.331z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-color:#456caa;
  }
  .macaw-b .m-danger { border-left-color:#e94f3d; }
  .macaw-b .m-danger:before {
    background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='401.999px' fill='%23ffffff' height='401.998px' viewBox='0 0 401.999 401.998' style='enable-background:new 0 0 401.999 401.998;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M237.543,301.499h-73.091c-4.95,0-9.233,1.811-12.851,5.425c-3.615,3.617-5.424,7.897-5.424,12.847v63.953 c0,4.948,1.809,9.232,5.424,12.854c3.621,3.61,7.9,5.421,12.851,5.421h73.097c4.942,0,9.227-1.811,12.848-5.421 c3.61-3.621,5.42-7.905,5.42-12.854v-63.953c0-4.949-1.813-9.229-5.427-12.847C246.773,303.307,242.488,301.499,237.543,301.499z' /%3E%3Cpath d='M259.383,5.424C255.862,1.812,251.628,0,246.676,0h-91.359c-4.948,0-9.18,1.812-12.703,5.424 c-3.521,3.617-5.186,7.902-4.996,12.85l7.992,219.265c0.19,4.948,2.139,9.236,5.852,12.847c3.711,3.621,8.041,5.431,12.991,5.431 h73.097c4.942,0,9.271-1.81,12.991-5.431c3.71-3.61,5.653-7.898,5.852-12.847l7.987-219.265 C264.578,13.326,262.905,9.045,259.383,5.424z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-color:#e94f3d;
  }
  .macaw-b .m-success { border-left-color:#70bf49; }
  .macaw-b .m-success:before {
    background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='442.533px' fill='%23ffffff' height='442.533px' viewBox='0 0 442.533 442.533' style='enable-background:new 0 0 442.533 442.533;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M434.539,98.499l-38.828-38.828c-5.324-5.328-11.799-7.993-19.41-7.993c-7.618,0-14.093,2.665-19.417,7.993L169.59,247.248 l-83.939-84.225c-5.33-5.33-11.801-7.992-19.412-7.992c-7.616,0-14.087,2.662-19.417,7.992L7.994,201.852 C2.664,207.181,0,213.654,0,221.269c0,7.609,2.664,14.088,7.994,19.416l103.351,103.349l38.831,38.828 c5.327,5.332,11.8,7.994,19.414,7.994c7.611,0,14.084-2.669,19.414-7.994l38.83-38.828L434.539,137.33 c5.325-5.33,7.994-11.802,7.994-19.417C442.537,110.302,439.864,103.829,434.539,98.499z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-color:#70bf49;
  }


/* Drowdow button style override. */

.ui-actions-button {
    align-items: center;
    background-color: #fff;
    border: #dbdbdb 1px solid;
    border-radius: 4px;
    color: #363636;
    display: inline-flex;
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 5px !important;
    padding: calc(.375em - 1px) .75em;
    text-transform: unset;
    width: auto;
}

.ui-actions-button:hover {
    border-color: #b5b5b5 1px solid;
    color: #363636;
}

.dropdown.show .ui-actions-button { border-color: #363636 }

.dropdown-menu.show {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: 0 0.5em 1em -0.125em hsl(0deg 0% 4% / 10%), 0 0 0 1px hsl(0deg 0% 4% / 2%);
    overflow-y: scroll;
    padding-bottom: 7px;
    padding-top: 7px;
    top: 0px !important;
}

/* Add vertical scroll to submenus */

.dropdown-menu.show::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.dropdown-menu.show::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 50px;
    height: 30vh
}

/* Submenus scroll for Firefox */

.dropdown-menu.show {
    scrollbar-color: #d4d4d4 transparent;
    scrollbar-width: thin;
}

/* Tooltip */

.custom-tooltip.top,
.custom-tooltip.bottom,
.custom-tooltip.left,
.custom-tooltip.right {
    background: #333;
    border-radius: 4px;
    box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%);
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    max-width: 240px;
    overflow: visible;
    padding: 15px;
    text-align: center;
    z-index: 999;
}

.custom-tooltip.top:before {
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #333 transparent transparent transparent;
    bottom: -10px;
    content: '';
    height: 0px;
    left: calc(50% - 10px);
    position: absolute;
    width: 0px;
}

.custom-tooltip.bottom:before {
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    content: '';
    height: 0px;
    left: calc(50% - 10px);
    position: absolute;
    top: -10px;
    transform: rotate(-180deg);
    width: 0px;
}

.custom-tooltip.left:before {
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    content: '';
    height: 0px;
    right: -14px;
    position: absolute;
    top: calc(50% - 5px);
    transform: rotate(-90deg);
    width: 0px;
}

.custom-tooltip.right:before {
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    content: '';
    height: 0px;
    left: -14px;
    position: absolute;
    top: calc(50% - 5px);
    transform: rotate(90deg);
    width: 0px;
}

.ui-disabled { opacity: 0.5; }

/* Homepage changes */

.body-title h1 {
    color: var(--ansira-darkblue);
    font-size: 42px;
    font-weight: 600;
}

.body-desc {
    font-size: 20px;
    line-height: 120%;
    margin: 30px 0;
    font-weight: 300;
}

a.button.is-secondary:active,
a.button.is-secondary:hover { text-decoration: none; }


@media (min-width:1281px)  {

.body-title h1 {
    font-size: 62px;
}

.body-desc {
    font-size: 31px;
    line-height: 35px;
    margin: 60px 0;
}

.get-started {
    font-size: 20px;
    line-height: 26px;
}

a.button.font-lg { font-size: 20px }

.ui-article-header {
    background-position: left bottom, right top, right bottom !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

.page__content h1.article__title {
    font-size: 56px !important;
    margin: 0 auto;
    width: 920px !important;
}
}


/* Left Nav implementation */

.contains-me {
    float: left;
    height: 100%;
    width: 70px;
}

.left-side-menu {
    background: var(--white);
    height: 100%;
    position: fixed;
    z-index: 1234
}

#sidebar-menu {
    color: white;
    height: 100%;
    left: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 70px;
}

.logo-box {
    background: var(--ansira-darkblue);
    display: flex;
    height: 60px;
    position: relative;
    width: 70px;
    z-index: 1001;
}

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

.logo-lg {
    margin: 0 auto;
    width: 70px;
}

.page.devport-init { margin-left: 70px; }
.dialog-off-canvas-main-canvas {  height: auto !important; }

.left-side-menu #sidebar-menu ul li {
  position:relative;
  width: 100%
}

.left-side-menu #sidebar-menu ul li:hover a {
  position:relative;
  -webkit-transition:none;
  transition:none;
}
.left-side-menu #sidebar-menu ul li:hover a span { display:inline; }
.left-side-menu #sidebar-menu ul li:hover a.open:after { display:none; }
.left-side-menu #sidebar-menu ul li:hover a.mm-active:after { display:none; }
.left-side-menu #sidebar-menu ul li:hover ul {
  -webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,0.1);
  box-shadow:3px 5px 10px 0 rgba(54,61,71,0.1);
  display:block;
  height:auto !important;
  left:70px;
  position:absolute;
  width:220px;
}
.left-side-menu #sidebar-menu ul li:hover ul ul {
  -webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,0.1);
  box-shadow:3px 5px 10px 0 rgba(54,61,71,0.1);
}
.left-side-menu #sidebar-menu ul li:hover ul a {
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:8px 20px;
  position:relative;
  white-space:normal;
  width:220px;
  z-index:6;
}
.left-side-menu #sidebar-menu ul ul.nav-second-level {
  padding:5px 0;
  z-index:9999;
  display:none;
  background-color:#ffffff;
}
.left-side-menu #sidebar-menu ul ul.nav-second-level li { padding-left:0; }
.left-side-menu #sidebar-menu ul ul.nav-second-level li:hover ul {
  display:block;
  height:auto !important;
  left:220px;
  margin-top:-36px;
  position:absolute;
  width:220px;
}
.left-side-menu #sidebar-menu ul ul.nav-second-level li a span.pull-right {
  position:absolute;
  right:20px;
  top:12px;
  -webkit-transform:rotate(270deg);
  transform:rotate(270deg);
}

.left-side-menu #sidebar-menu .menu-nav .dropdown-toggle, .left-side-menu .nav-item { z-index:1001; }

.left-side-menu .nav-link {
    color: var(--ansira-darkblue);
    font-size: .75rem;
    font-weight: 500;
    line-height: 0.70rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}

.home_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='22' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 43 43' style='enable-background:new 0 0 43 43;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2310092A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M16,43c0.5,0,0.9-0.4,0.9-0.9V31c0-0.5,0.4-0.9,0.9-0.9h7.4c0.5,0,0.9,0.4,0.9,0.9v11c0,0.5,0.4,0.9,0.9,0.9 h9.2c1.5,0,2.8-1.2,2.8-2.8V22.7h1c1.5,0,2.8-1.2,2.8-2.8v-2.8c0-0.9-0.4-1.7-1.1-2.2L23.2,1.5c-1-0.7-2.3-0.7-3.3,0 C16.3,4.1,4.6,12.6,1.5,14.9c-0.7,0.5-1.1,1.4-1.1,2.2v2.8c0,1.5,1.2,2.8,2.8,2.8h0.9v17.5c0,1.5,1.2,2.8,2.8,2.8 C6.9,43,16,43,16,43z M5.9,22.2l15.7-11.3l15.7,11.5v17.8c0,0.5-0.4,0.9-0.9,0.9H28V31c0-1.5-1.2-2.8-2.8-2.8h-7.4 c-1.5,0-2.8,1.2-2.8,2.8v10.1H6.8c-0.5,0-0.9-0.4-0.9-0.9V22.2z M38.2,20.8H40c0.5,0,0.9-0.4,0.9-0.9v-2.8c0-0.3-0.1-0.6-0.4-0.7 L22.1,3c-0.3-0.2-0.8-0.2-1.1,0L2.6,16.4c-0.2,0.2-0.4,0.5-0.4,0.7v2.8c0,0.5,0.4,0.9,0.9,0.9h1.5L21,9c0.3-0.2,0.8-0.2,1.1,0 L38.2,20.8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.specifications_menu {
    background-image: url("data:image/svg+xml,%3Csvg width='22' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 43 43' style='enable-background:new 0 0 43 43;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M7.5,6.1c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4S8.3,6.1,7.5,6.1z'/%3E%3Cpath class='st0' d='M13.1,6.1c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4S13.9,6.1,13.1,6.1z'/%3E%3Cpath class='st0' d='M18.7,6.1c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4S19.5,6.1,18.7,6.1z'/%3E%3Cpath class='st0' d='M12.7,22.8l9.2,0.1l0,0c0.7,0,1.3-0.6,1.3-1.3c0-0.7-0.6-1.3-1.3-1.3l0,0l-9.2-0.1l0,0c-0.7,0-1.3,0.6-1.3,1.3 C11.4,22.2,11.9,22.8,12.7,22.8z'/%3E%3Cpath class='st0' d='M12.7,28.4L30,28.5l0,0c0.7,0,1.3-0.6,1.3-1.3c0-0.7-0.6-1.3-1.3-1.3l0,0l-17.3-0.1l0,0 c-0.7,0-1.3,0.6-1.3,1.3C11.4,27.8,11.9,28.4,12.7,28.4z'/%3E%3Cpath class='st0' d='M12.7,34L30,34.1l0,0c0.7,0,1.3-0.6,1.3-1.3s-0.6-1.3-1.3-1.3l0,0l-17.3-0.1l0,0c-0.7,0-1.3,0.6-1.3,1.3 C11.4,33.4,11.9,34,12.7,34z'/%3E%3Cpolygon class='st0' points='39.4,39.4 39.4,39.4 39.3,39.3 '/%3E%3Cpath class='st0' d='M41,2c-0.7-0.7-1.7-1.1-2.7-1.1H4.7c-1,0-2,0.4-2.7,1.1S0.9,3.7,0.9,4.7v33.6c0,1,0.4,2,1.1,2.7l0,0 c0.7,0.7,1.7,1.1,2.7,1.1h33.6c1,0,2-0.4,2.7-1.1c0.7-0.7,1.1-1.7,1.1-2.7V4.7C42.1,3.7,41.7,2.7,41,2z M40.1,38.3 c0,0.4-0.1,0.8-0.4,1.1l0,0l-0.1,0.1l0,0l-0.1,0.1l0,0c-0.3,0.3-0.7,0.4-1.1,0.4H4.7c-0.5,0-0.9-0.2-1.3-0.5 c-0.3-0.3-0.5-0.8-0.5-1.3V14.1h37.2C40.1,14.1,40.1,38.3,40.1,38.3z M40.1,12.1H2.9V4.7c0-0.5,0.2-0.9,0.5-1.3 c0.3-0.3,0.8-0.5,1.3-0.5h33.6c0.5,0,0.9,0.2,1.3,0.5c0.3,0.3,0.5,0.8,0.5,1.3V12.1z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.private_specifications_menu {
    background-image: url("data:image/svg+xml,%3Csvg width='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 42' style='enable-background:new 0 0 42 42;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6.9,5.5c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4S7.7,5.5,6.9,5.5z'/%3E%3Cpath class='st0' d='M12.5,5.5c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4S13.3,5.5,12.5,5.5z'/%3E%3Cpath class='st0' d='M18.1,5.5c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4S18.9,5.5,18.1,5.5z'/%3E%3Cpath class='st0' d='M16,22c0.5,0,1-0.5,1-1s-0.5-1-1-1l-9.2-0.1c-0.5,0-1,0.5-1,1s0.3,1,1,1L16,22z'/%3E%3Cpath class='st0' d='M4.1,39.4c-0.5,0-0.9-0.2-1.3-0.5c-0.3-0.3-0.5-0.8-0.5-1.3V13.5h37.2V22v1.9c0,0,0.1,0,0.5,0.2 c0.6,0.3,1.1,0.6,1.5,1.1v-21c0-1-0.4-2-1.1-2.7s-1.7-1.1-2.7-1.1H4.1c-1,0-2,0.4-2.7,1.1S0.3,3.1,0.3,4.1v33.6c0,1,0.4,2,1.1,2.7 s1.7,1.1,2.7,1.1h19.1c-0.5-0.6-1-1.3-1.3-2.1C21.9,39.4,4.1,39.4,4.1,39.4z M2.3,4.1c0-0.5,0.2-0.9,0.5-1.3 c0.3-0.3,0.8-0.5,1.3-0.5h33.6c0.5,0,0.9,0.2,1.3,0.5c0.3,0.3,0.5,0.8,0.5,1.3v7.4H2.3V4.1z'/%3E%3Cpath class='st0' d='M37.9,25.3h-0.7V23c0-2.1-1.7-3.7-3.7-3.7h-1.7c-2.1,0-3.7,1.7-3.7,3.7v2.3h-0.7c-2.1,0-3.8,1.7-3.8,3.8v8.7 c0,2.1,1.7,3.8,3.8,3.8H38c2.1,0,3.8-1.7,3.8-3.8v-8.7C41.7,27.1,40,25.3,37.9,25.3z M30.4,23.1c0-0.7,0.6-1.3,1.3-1.3h1.7 c0.7,0,1.3,0.6,1.3,1.3v2.3h-4.4v-2.3H30.4z M39.3,37.9c0,0.8-0.6,1.4-1.4,1.4H27.3c-0.8,0-1.4-0.6-1.4-1.4v-8.7 c0-0.8,0.6-1.4,1.4-1.4h0.9H31h3.3H37h0.9c0.8,0,1.4,0.6,1.4,1.4C39.3,29.2,39.3,37.9,39.3,37.9z'/%3E%3Cpath class='st0' d='M32.6,29.5c-0.8,0-1.5,0.7-1.5,1.5c0,0.5,0.2,0.9,0.6,1.2c0,0.1,0,0.2,0,0.2v0.7c0,0.5,0.4,1,1,1l0,0 c0.5,0,1-0.4,1-1v-0.7c0-0.1,0-0.2,0-0.2c0.4-0.3,0.6-0.7,0.6-1.2C34.1,30.2,33.4,29.5,32.6,29.5z'/%3E%3Cpath class='st0' d='M22.8,25.6l-16-0.1c-0.5,0-1,0.5-1,1s0.3,1,1,1l14.8,0.1C21.9,26.8,22.3,26.2,22.8,25.6z'/%3E%3Cpath class='st0' d='M5.8,32.1c0,0.5,0.3,1,1,1l14.3,0.1v-2L6.8,31.1C6.3,31.1,5.8,31.5,5.8,32.1z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.documentation_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35 43' style='enable-background:new 0 0 35 43;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2310092A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M30.2,7.3c0-1.7-1.3-3-3-3c-5.2,0-18.8,0-24,0c-1.7,0-3,1.3-3,3v32c0,1.7,1.3,3,3,3c5.2,0,18.8,0,24,0 c1.7,0,3-1.3,3-3V7.3z M28.2,7.3v32c0,0.6-0.4,1-1,1h-24c-0.6,0-1-0.4-1-1v-32c0-0.6,0.4-1,1-1h24C27.8,6.3,28.2,6.7,28.2,7.3z M34.2,35.3v-32c0-0.8-0.3-1.6-0.9-2.1c-0.6-0.6-1.3-0.9-2.1-0.9h-24c-0.6,0-1,0.4-1,1s0.4,1,1,1h24c0.3,0,0.5,0.1,0.7,0.3 c0.2,0.2,0.3,0.4,0.3,0.7v32c0,0.6,0.4,1,1,1S34.2,35.9,34.2,35.3z M7.2,30.3h16c0.6,0,1-0.4,1-1s-0.4-1-1-1h-16c-0.6,0-1,0.4-1,1 S6.7,30.3,7.2,30.3z M7.2,26.3h16c0.6,0,1-0.4,1-1s-0.4-1-1-1h-16c-0.6,0-1,0.4-1,1S6.7,26.3,7.2,26.3z M7.2,22.3h16 c0.6,0,1-0.4,1-1s-0.4-1-1-1h-16c-0.6,0-1,0.4-1,1S6.7,22.3,7.2,22.3z M7.2,18.3h16c0.6,0,1-0.4,1-1s-0.4-1-1-1h-16 c-0.6,0-1,0.4-1,1S6.7,18.3,7.2,18.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.client_manager_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 42' style='enable-background:new 0 0 60 42;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M52.5,22.1c-1.4,0-2.7,0.5-3.8,1.2L35.6,10.2c0.5-1,0.9-2.1,0.9-3.2c0-3.6-2.9-6.5-6.5-6.5S23.5,3.4,23.5,7 c0,1.2,0.3,2.3,0.9,3.3l-13,13c-1.1-0.8-2.4-1.2-3.8-1.2c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5 c0-1.5-0.5-2.8-1.3-3.9l12.9-12.9c0.9,0.8,2.1,1.4,3.4,1.6v15.3c-3.1,0.5-5.5,3.2-5.5,6.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5 c0-3.3-2.4-6-5.5-6.5V13.5c1.3-0.2,2.5-0.8,3.4-1.7l12.9,12.9c-0.8,1.1-1.3,2.5-1.3,3.9c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5 S56.1,22.1,52.5,22.1z M7.5,33.2c-2.5,0-4.5-2-4.5-4.5s2-4.5,4.5-4.5s4.5,2,4.5,4.5S10,33.2,7.5,33.2z M34.5,35.2 c0,2.5-2,4.5-4.5,4.5s-4.5-2-4.5-4.5s2-4.5,4.5-4.5S34.5,32.7,34.5,35.2z M30,11.5c-2.5,0-4.5-2-4.5-4.5s2-4.5,4.5-4.5 s4.5,2,4.5,4.5S32.5,11.5,30,11.5z M52.5,33.2c-2.5,0-4.5-2-4.5-4.5s2-4.5,4.5-4.5s4.5,2,4.5,4.5S55,33.2,52.5,33.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.webhook_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 43' style='enable-background:new 0 0 47 43;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M36.3,35.4c0.4,0.7,1.2,1.1,2,1.1c1.2,0,2.3-1,2.3-2.2s-1-2.2-2.3-2.2c-0.7,0-1.4,0.4-1.9,1l-0.1,0.2H13.9v2.1 C13.4,38,11,40,8.3,40c-3.1,0-5.7-2.6-5.7-5.7c0-1.7,0.8-3.4,2.1-4.4l-1.1-1.5c-1.8,1.4-2.9,3.6-2.9,6c0,4.2,3.4,7.5,7.6,7.5 c3.7,0,6.8-2.6,7.5-6.3l0.1-0.3L36.3,35.4L36.3,35.4z'/%3E%3Cpath class='st0' d='M8.3,36.6c0.9,0,1.8-0.6,2.1-1.5c0.3-0.6,0.2-1.3,0-1.9L10.3,33l0.1-0.2l11.1-19.2L20.3,13 c-2.6-1.6-3.5-5-1.9-7.7c0.8-1.3,2-2.3,3.5-2.7s3-0.2,4.3,0.6c1.5,0.9,2.5,2.3,2.8,4L30.8,7c-0.3-2.3-1.7-4.3-3.7-5.5 c-3.6-2.1-8.2-0.8-10.3,2.8c-1.8,3.2-1.1,7.2,1.7,9.6l0.3,0.2L8.6,32H8.3c-0.8,0-1.5,0.4-1.9,1.1c-0.1,0.1-0.1,0.2-0.1,0.3 l-0.1,0.2C6.1,33.8,6,34.1,6,34.3C6,35.6,7,36.6,8.3,36.6z'/%3E%3Cpath class='st0' d='M44.8,30.2C43,27,39.1,25.6,35.6,27l-0.3,0.1l-0.2-0.3l-10-17.4l0.1-0.2c0.4-0.7,0.4-1.5,0-2.2 c-0.3-0.5-0.8-0.9-1.4-1c-0.6-0.2-1.2-0.1-1.7,0.2c-1.1,0.6-1.4,2-0.8,3c0.4,0.7,1.1,1.1,1.8,1.1h0.2l0.1,0.2l11,19l1.3-0.8l0,0 c2.7-1.3,5.9-0.4,7.4,2.2c1.6,2.7,0.6,6.2-2.1,7.7c-1.5,0.9-3.3,1-4.9,0.4l-0.8,1.7c2.1,0.9,4.6,0.7,6.6-0.5c1.7-1,3-2.6,3.5-4.6 C46.1,33.9,45.8,31.9,44.8,30.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}


.sdk_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 44' style='enable-background:new 0 0 47 44;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M46.1,21l-5-5.8l5-5.8c0.1-0.1,0.2-0.2,0.2-0.3s0-0.3,0-0.4c0-0.1-0.1-0.3-0.2-0.4C46,8.1,45.9,8,45.8,8 l-16-7.3c-0.2-0.1-0.3-0.1-0.5-0.1l0,0c-0.2,0-0.3,0.1-0.4,0.2h-0.1l0,0l-5.3,5.7l-5.3-5.7c-0.1-0.1-0.2-0.2-0.4-0.2 c-0.1,0-0.3-0.1-0.4,0c-0.1,0-0.1,0-0.2,0.1L1.2,8C1.1,8,1,8.1,0.9,8.2C0.8,8.3,0.8,8.4,0.8,8.6c0,0.1,0,0.3,0,0.4 c0,0.1,0.1,0.2,0.2,0.3l5,5.8l-5,5.8c-0.1,0.1-0.1,0.2-0.2,0.3c0,0.1,0,0.3,0,0.4S0.9,21.9,1,22s0.2,0.2,0.3,0.2l5,2.3v10.6 c0,0.2,0,0.3,0.1,0.5c0,0.2,0.2,0.4,0.3,0.4l16.4,7.3c0.1,0,0.2,0.1,0.3,0.1s0.2,0,0.3-0.1L40.3,36c0.2-0.1,0.3-0.2,0.4-0.3 c0.1-0.1,0.1-0.3,0.1-0.5V24.6l5-2.3c0.1-0.1,0.2-0.1,0.3-0.2s0.1-0.2,0.2-0.4c0-0.1,0-0.3,0-0.4C46.2,21.2,46.1,21.1,46.1,21z M24.9,7.5l4.7-5.1L44,9.1l-4.3,5L24.9,7.5z M39.7,16.2l4.3,5l-14.4,6.6l-4.7-5.1L39.7,16.2z M24.4,24.6l4.5,4.8 c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0,0.3,0,0.5-0.1l9.3-4.2v9.3l-14.7,6.5C24.4,41.2,24.4,24.6,24.4,24.6z M37.8,15.2l-14.3,6.4L9.2,15.2 l14.3-6.4L37.8,15.2z M7.9,25.4l9.3,4.3c0.2,0.1,0.3,0.1,0.5,0c0.1,0,0.3-0.1,0.4-0.2l0,0v-0.1l4.4-4.8v16.6L7.9,34.7V25.4z M22.1,22.8l-4.7,5.1L3,21.2l4.3-5L22.1,22.8z M3,9.1l14.4-6.6l4.7,5.1L7.3,14.1L3,9.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.sso_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 58.4 43.2' style='enable-background:new 0 0 58.4 43.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M55,15c-2-2.1-4.7-3.4-7.6-3.6C46.9,8.6,45.6,6,43.7,4c-2.2-2.2-5-3.6-8.1-3.9c-3.1-0.3-6.2,0.4-8.8,2 c-2.3,1.4-4,3.5-5.1,5.9c-1.2-0.6-2.4-1-3.8-1c-1.7-0.1-3.5,0.3-5,1.1s-2.8,2-3.7,3.5s-1.4,3.2-1.4,4.9v0.1c-2,0.4-3.9,1.4-5.3,2.9 C0.9,21.3,0,23.6,0,26s0.9,4.7,2.5,6.5s3.8,2.8,6.3,3H16c0.6,0,1-0.4,1-1s-0.4-1-1-1H8.9c-1.9-0.2-3.6-1-4.9-2.4S2,27.9,2,26 s0.7-3.7,2-5.1s3-2.2,4.9-2.4H10l-0.1-1.1c0-0.3-0.1-0.6-0.1-0.9c0-1.4,0.4-2.7,1.1-3.9c0.7-1.2,1.7-2.1,2.9-2.8 c1.2-0.6,2.6-0.9,4-0.8c1.4,0.1,2.7,0.5,3.8,1.3l1.1,0.8l0.4-1.3c0.8-2.5,2.5-4.6,4.7-6s4.9-2,7.5-1.7s5.1,1.5,6.9,3.4 c1.8,1.9,3,4.3,3.3,6.9l0.2,0.9h0.9c2.6,0.1,5.1,1.2,7,3.1s2.9,4.4,2.9,7.1c0,2.6-1,5.2-2.9,7.1s-4.3,3-6.9,3.1H42 c-0.6,0-1,0.4-1,1s0.4,1,1,1h4.6c3.2-0.1,6.1-1.4,8.3-3.7s3.4-5.3,3.4-8.4C58.4,20.2,57.2,17.2,55,15z'/%3E%3Cpath class='st0' d='M34.9,25.3h-1v-2.8c0-1-0.4-2-1.2-2.8C32,19,31,18.6,30,18.6h-1.9c-1,0-2,0.4-2.8,1.2 c-0.7,0.7-1.2,1.7-1.2,2.8v2.8H23c-1.1,0-2.1,0.4-2.9,1.2c-0.8,0.8-1.2,1.8-1.2,2.9v9.7c0,1.1,0.4,2.1,1.2,2.9 c0.8,0.8,1.8,1.2,2.9,1.2h11.9c1.1,0,2.1-0.4,2.9-1.2c0.8-0.8,1.2-1.8,1.2-2.9v-9.7c0-1.1-0.4-2.1-1.2-2.9 C37,25.8,36,25.3,34.9,25.3z M26.3,22.6c0-0.4,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.5,1.2-0.5h1.9c0.4,0,0.8,0.2,1.2,0.5 c0.3,0.3,0.5,0.7,0.5,1.1l0.1,2.8h-5.3v-2.7C26.4,22.6,26.3,22.6,26.3,22.6z M36.8,39.4c0,0.4-0.2,0.8-0.6,1.1 c-0.3,0.3-0.8,0.4-1.2,0.4H23c-0.2,0-0.5,0-0.7-0.1s-0.4-0.2-0.6-0.4s-0.3-0.4-0.4-0.6c-0.1-0.2-0.1-0.4-0.1-0.7v-9.7 c0-0.2,0-0.5,0.1-0.7s0.2-0.4,0.4-0.6c0.2-0.2,0.4-0.3,0.6-0.4s0.5-0.1,0.7-0.1h12c0.2,0,0.5,0,0.7,0.1s0.4,0.2,0.6,0.4 c0.2,0.2,0.3,0.4,0.4,0.6c0.1,0.2,0.1,0.4,0.1,0.7V39.4z'/%3E%3Cpath class='st0' d='M33.2,30.6c-0.3,0-0.5,0.1-0.8,0.3L28,35.4L25.6,33c-0.2-0.2-0.5-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.7c0,0.3,0.1,0.5,0.3,0.8l3.1,3.1c0.2,0.2,0.5,0.3,0.7,0.3l0,0c0.3,0,0.5-0.1,0.8-0.3l5.1-5.1l0,0l0.1-0.2 c0.2-0.2,0.3-0.5,0.3-0.7c0-0.3-0.1-0.5-0.3-0.8C33.7,30.7,33.5,30.6,33.2,30.6z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 5px 15px 5px;
    margin-top: 15px;
    white-space: normal;
}

.help_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 43 43' style='enable-background:new 0 0 43 43;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M36.4,6.9c-3.9-3.9-9.1-6-14.6-6c-4.1,0-8.1,1.2-11.5,3.5l0,0c-3.4,2.3-6.1,5.4-7.6,9.2 c-1.6,3.8-2,7.9-1.2,11.8c0.8,4,2.8,7.6,5.7,10.5s6.6,4.8,10.6,5.6s8.2,0.4,12-1.2c3.8-1.6,7-4.2,9.3-7.6s3.5-7.3,3.5-11.4 C42.5,15.9,40.3,10.8,36.4,6.9z M35,34.5c-2.6,2.6-5.9,4.4-9.6,5.1C24.2,39.8,23,40,21.7,40c-2.4,0-4.9-0.5-7.2-1.4 c-3.4-1.4-6.3-3.8-8.4-6.8S3,25.1,3,21.4c0-5,1.9-9.6,5.5-13.1c3.5-3.5,8.2-5.4,13.2-5.4C25.4,2.9,29,4,32.1,6s5.5,4.9,6.9,8.3 s1.8,7.1,1.1,10.7C39.4,28.6,37.6,31.9,35,34.5z'/%3E%3Cpath class='st0' d='M27.6,16.1c-0.2-2.2-1.4-3.8-3.4-4.4l-0.3-0.1c-0.6-0.1-1.2-0.3-1.8-0.3c-1.2,0-2.5,0.3-3.6,0.9 c-1.1,0.5-1.9,1.3-2.4,2.4c-0.2,0.4-0.2,0.8,0,1.1c0.2,0.3,0.5,0.5,1,0.6c0.3,0,0.5,0,0.8-0.1c0.2-0.1,0.4-0.3,0.6-0.5 c0.5-0.7,1.1-1.2,1.8-1.5c0.5-0.2,1.1-0.3,1.8-0.3c0.1,0,0.3,0,0.5,0c0.7,0,1.4,0.3,1.8,0.8s0.7,1.1,0.6,1.8c0,0.5-0.3,1-0.6,1.5 c-0.6,0.6-1.3,1.2-2,1.8c-0.7,0.5-1.3,1.2-1.7,2c-0.4,0.8-0.6,1.6-0.5,2.5c0,0.2,0.1,0.4,0.2,0.6c0.2,0.2,0.4,0.4,0.7,0.5 c0.3,0.1,0.6,0.1,0.9,0s0.5-0.2,0.7-0.5c0.2-0.2,0.2-0.5,0.2-0.7c0-0.6,0.1-1.2,0.4-1.8c0.3-0.5,0.7-1,1.2-1.3 c0.3-0.2,0.5-0.4,0.8-0.6l0.1-0.1c0.3-0.2,0.6-0.4,0.9-0.7c0.6-0.4,1-0.9,1.3-1.6C27.6,17.5,27.7,16.8,27.6,16.1L27.6,16.1z'/%3E%3Cpath class='st0' d='M21.2,28.1L21.2,28.1c-0.6,0-1,0.2-1.3,0.5s-0.4,0.8-0.4,1.4c0,0.4,0.2,0.8,0.4,1c0.3,0.3,0.8,0.4,1.3,0.4 s0.9-0.1,1.2-0.4c0.3-0.3,0.4-0.7,0.4-1.2l0,0c0.1-0.5-0.1-0.9-0.4-1.2C22.1,28.2,21.7,28.1,21.2,28.1z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}

.jobs_menu {
    background-image: url("data:image/svg+xml,%3Csvg height='29' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 50' style='enable-background:new 0 0 44 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M10.3,49.1c-0.2,0-0.5-0.1-0.8-0.3L1,40.3c-0.4-0.4-0.4-1.1,0-1.5l8.5-8.5C9.7,30.1,10,30,10.3,30 s0.5,0.1,0.8,0.3c0.4,0.4,0.4,1.1,0,1.5l-7.8,7.8l6,6v-6c0-0.6,0.5-1,1-1h21.2c5.3,0,9.6-4.3,9.6-9.6c0-0.6,0.5-1,1-1 c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.5,0.3,0.8c0,6.4-5.2,11.6-11.6,11.6H11.4V48c0,0.4-0.3,0.9-0.6,1 C10.6,49,10.5,49.1,10.3,49.1z M1.9,22c-0.6,0-1-0.5-1-1c0-6.4,5.2-11.6,11.6-11.6h20.2V2c0-0.4,0.2-0.8,0.7-1 c0.1,0,0.3-0.1,0.4-0.1c0.3,0,0.5,0.1,0.7,0.3L43,9.7c0.2,0.2,0.3,0.5,0.3,0.8c0,0.2,0,0.5-0.3,0.7l-8.6,8.6 c-0.2,0.2-0.5,0.3-0.8,0.3s-0.5-0.1-0.8-0.3c-0.4-0.4-0.4-1.1,0-1.5l7.8-7.8l-6-6v6c0,0.6-0.5,1-1,1H12.4c-5.2,0-9.5,4.3-9.5,9.6 C2.9,21.6,2.5,22,1.9,22z'/%3E%3Cpath class='st0' d='M22,23.3c1,0,1.8,0.8,1.8,1.8S23,27,22,27s-1.8-0.8-1.8-1.8S21,23.3,22,23.3z'/%3E%3Cpath class='st0' d='M28.4,23.3c1,0,1.8,0.8,1.8,1.8S29.4,27,28.4,27s-1.8-0.8-1.8-1.8S27.4,23.3,28.4,23.3z'/%3E%3Cpath class='st0' d='M15.6,23.3c1,0,1.8,0.8,1.8,1.8S16.7,27,15.6,27c-1,0-1.8-0.8-1.8-1.8S14.6,23.3,15.6,23.3z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 0 15px 0px;
    margin-top: 15px;
}

.left-side-menu .nav-item:hover { background: var(--ansira-lightblue); }

.left-side-menu .nav-item:active,
.left-side-menu .nav-item.active { background: var(--ansira-lightblue); }

.left-side-menu .nav-link.dropdown-toggle:after { content: none; }

.left-side-menu li .dropdown-item { margin: 4px 0 }

.left-side-menu .dropdown-item {
    color: var(--ansira-darkblue);
    font-size: 14px;
    padding: 0.5rem;
    line-height: 130%;
}

.left-side-menu .dropdown-item.active,
.left-side-menu .dropdown-item:active,
.left-side-menu .dropdown-item:hover,
.left-side-menu .dropdown-item:focus {
    background-color: var(--ansira-darkblue);
    border-radius: 4px;
    color: var(--ansira-lightblue);
    font-size: 14px;
    font-weight: 300;
}

.left-side-menu .dropdown-item[href="#"] { 
    cursor: text;
    font-weight: 500; 
}

.left-side-menu .dropdown-item[href="#"].active,
.left-side-menu .dropdown-item[href="#"]:active,
.left-side-menu .dropdown-item[href="#"]:hover,
.left-side-menu .dropdown-item[href="#"]:focus {
    background-color: initial;
    color: initial;
}

.left-side-menu .dropdown-item[href="#"] + div { margin-left: 0.5rem; }

/* Icons for menu */

.left-side-menu .dropdown-menu.show {
    background: rgba(255, 255, 255, 0.95);
    border: 0px;
    border-radius: 0px;
    height: 100%;
    left: 70px !important;
    bottom: 0;
    min-width: 310px;
    padding: 20px 10px;
    position: fixed !important;
    transition: left 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
    transform: none !important;
}

.user-logged-in.path-frontpage .nav-tabs {border-left: 0px}

.user-logged-in.path-frontpage .is-collapse-enabled .nav-tabs,
.user-logged-in.path-frontpage .is-horizontal .nav-tabs,
.user-logged-in.page-node-type-article .is-collapse-enabled .nav-tabs,
.user-logged-in.page-node-type-article .is-horizontal .nav-tabs,
.user-logged-in.page-node-type-page .is-horizontal .nav-tabs { padding: 0 30px }

.user-logged-in.path-frontpage .is-horizontal .nav-tabs:before,
.user-logged-in.page-node-type-article .is-horizontal .nav-tabs:before,
.user-logged-in.page-node-type-page .is-horizontal .nav-tabs:before,
.user-logged-in.page-node-type-private-articles .nav-tabs:before,
.user-logged-in.page-node-type-public-articles-qa- .nav-tabs:before,
.user-logged-in.page-node-type-private-articles-qa- .nav-tabs:before { content: none; }

.user-logged-in.path-frontpage .nav-tabs .nav-link,
.user-logged-in.page-node-type-article .nav-tabs .nav-link,
.user-logged-in.page-node-type-page .nav-tabs .nav-link,
.user-logged-in.page-node-type-private-articles .nav-tabs .nav-link,
.user-logged-in.page-node-type-public-articles-qa- .nav-tabs .nav-link,
.user-logged-in.page-node-type-private-articles-qa- .nav-tabs .nav-link {
    border: 1px solid #c8c8c8;
    height: 39px;
}

.article .

.user-logged-in.page-node-type-article .page__content h1.page__title { padding: 30px 0px 0px 30px }

/* Client Manager Modals */

.ui-widget-overlay {
    background: #000000;
    opacity: .6
}

.ui-widget.ui-widget-content { border: 0px; }
.ui-widget-content {
    border: 0px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
}

.ui-widget-header {
    border: 0px;
    background: transparent;
    color: #424242;
    font-size: 18px;
    font-weight: 400;
}

.ui-dialog-content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5
}

.ui-dialog .ui-dialog-buttonpane { background: #fafafa }

.ui-dialog .ui-dialog-titlebar { padding-top: 25px }

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent;
    border: 0px;
    right: 1.4em;
    top: 60%;
}

.ui-dialog-buttonset .is-text.ui-button,
.ui-dialog-buttonset .is-text.ui-button:hover { background: transparent !important; }

.path-api-clients .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.is-primary { color: white; }

.ui-button-icon-only .ui-icon:before {
    background: #424242;
    content: "";
    height: 15px;
    position: absolute;
    right: 5px;
    top: 0;
    transform: rotate(45deg);
    width: 1px;
}

.ui-button-icon-only .ui-icon:after {
    background: #424242;
    content: "";
    height: 15px;
    position: absolute;
    right: 5px;
    top: 0;
    transform: rotate(-45deg);
    width: 1px;
}

.ui-button .ui-icon,
.ui-button:hover .ui-icon,
.ui-button .ui-icon:hover { background-image: none }

.ui-button-icon.ui-icon:focus-visible,
button:focus { outline: none }

/* Articles in the homepage */

.views-view-grid.horizontal.cols-3 .col-1,
.views-view-grid.horizontal.cols-3 .col-2,
.views-view-grid.horizontal.cols-3 .col-3 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.block--views-block--content-recent-block-1 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-left: 15px;
    margin-bottom: 40px
}

.views-view-grid.horizontal.cols-3 .views-field .field-content a {
    color: #444444;
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
    margin: 20px 0px;
}
.views-view-grid.horizontal.cols-3 .views-field .field-content a:hover {
    color: #008693;
    text-decoration: none;
}

.article-summary {
    height: auto;
    min-height: 60px;
}

.article-summary a {
    color: #008693;
    font-weight: 500;
}

.article-summary h1,
.article-summary h2,
.article-summary h3,
.article-summary h4,
.article-summary h5,
.article-summary h6 {
    display: none;
}

span.see-details {
    border: 1px solid var(--ansira-purple);
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    margin: 20px 0;
    padding: 5px 20px;
}

.article__tags { margin-bottom: 30px }

.article__tags .badge {
    border: 1px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    font-weight: 300;
    padding: 5px 10px;
    text-transform: capitalize;
}
.article__tags .badge:hover {
    color: inherit;
}

.article__meta {
    display: none !important;
}

.page__content h1.article__title {
    color: var(--ansira-lightblue);
    font-weight: 500;
    font-size: 46px;
    margin: 0 auto;
    padding: 0px 20px;
    width: 720px;
}

.page__content .article__body,
.page__content .public-articles-qa-__body,
.page__content .private-articles__body,
.page__content .private-articles-qa-__body,
.page__content .article--undefined .article__body,
.page__content .private-articles--undefined .private-articles__body {
    margin: 80px 180px 0px;
    background: white;
    margin-top: -75px;
    border-radius: 5px;
    padding: 20px 80px;
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 10%);
}

.page__content .article--undefined .article__body,
.page__content .private-articles--undefined .private-articles__body,
.page__content .private-articles-qa---undefined .private-articles-qa-__body,
.page__content .public-articles-qa---undefined .public-articles-qa-__body { margin-top: 40px }


.path--entity-node-preview .page__content .article--teaser .article__body,
.path--entity-node-preview .page__content .private-articles--teaser .private-articles__body,
.path--entity-node-preview .page__content .public-articles-qa---teaser .public-articles-qa-__body,
.path--entity-node-preview .page__content .private-articles-qa---teaser .private-articles-qa-__body { margin: 0 }
.page-node-type-private-articles .page__content .private-articles--teaser { padding-right: 9px; }

.path--entity-node-preview .page__content .article--teaser h2 a,
.path--entity-node-preview .page__content .article--undefined h2 a,
.path--entity-node-preview .page__content .private-articles-qa---undefined h2 a,
.path--entity-node-preview .page__content .public-articles-qa---undefined h2 a,
.path--entity-node-preview .page__content .private-articles--undefined h2 a,
.path--entity-node-preview .page__content .private-articles--teaser h2 a,
.path--entity-node-preview .page__content .public-articles-qa---teaser h2 a,
.path--entity-node-preview .page__content .private-articles-qa---teaser h2 a {
    color: #006072;
    font-size: 34px;
    font-weight: 300;
    padding: 20px 80px;
}

.path--entity-node-preview .page__content .article--undefined h2 a,
.path--entity-node-preview .page__content .private-articles--undefined h2 a,
.path--entity-node-preview .page__content .private-articles-qa---undefined h2 a,
.path--entity-node-preview .page__content .public-articles-qa---undefined h2 a { padding-left: 250px }

.path--entity-node-preview .page__content .private-articles--teaser h2,
.path--entity-node-preview .page__content .public-articles-qa---teaser h2,
.path--entity-node-preview .page__content .private-articles-qa---teaser h2,
.path--entity-node-preview .page__content .private-articles--undefined h2,
.path--entity-node-preview .page__content .private-articles-qa---undefined h2,
.path--entity-node-preview .page__content .public-articles-qa---undefined h2 { margin-top: 50px }

.path--entity-node-preview .page__content .article--undefined h2 { margin-top: 30px }

.content-moderation-entity-moderation-form .form-select { padding: 0.375rem 1.75rem 0.375rem 0.75rem }

.page__content .field.article__body h1,
.page__content .field.article__body h2,
.page__content .field.article__body h3,
.page__content .field.article__body h4,
.page__content .field.article__body h5,
.page__content .field.article__body h6,
.page__content .field.private-articles__body h1,
.page__content .field.private-articles__body h2,
.page__content .field.private-articles__body h3,
.page__content .field.private-articles__body h4,
.page__content .field.private-articles__body h5,
.page__content .field.private-articles__body h6,
.page__content .field.public-articles-qa-__body h1,
.page__content .field.public-articles-qa-__body h2,
.page__content .field.public-articles-qa-__body h3,
.page__content .field.public-articles-qa-__body h4,
.page__content .field.public-articles-qa-__body h5,
.page__content .field.public-articles-qa-__body h6,
.page__content .field.private-articles-qa-__body h1,
.page__content .field.private-articles-qa-__body h2,
.page__content .field.private-articles-qa-__body h3,
.page__content .field.private-articles-qa-__body h4,
.page__content .field.private-articles-qa-__body h5,
.page__content .field.private-articles-qa-__body h6 {
    color: var(--ansira-darkblue);
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 50px;
}

.page__content .article__body h1:before,
.page__content .article__body h2:before,
.page__content .article__body h3:before,
.page__content .article__body h4:before,
.page__content .article__body h5:before,
.page__content .article__body h6:before,
.page__content .public-articles-qa-__body h1:before,
.page__content .public-articles-qa-__body h2:before,
.page__content .public-articles-qa-__body h3:before,
.page__content .public-articles-qa-__body h4:before,
.page__content .public-articles-qa-__body h5:before,
.page__content .public-articles-qa-__body h6:before,
.page__content .private-articles__body h1:before,
.page__content .private-articles__body h2:before,
.page__content .private-articles__body h3:before,
.page__content .private-articles__body h4:before,
.page__content .private-articles__body h5:before,
.page__content .private-articles__body h6:before,
.page__content .private-articles-qa-__body h1:before,
.page__content .private-articles-qa-__body h2:before,
.page__content .private-articles-qa-__body h3:before,
.page__content .private-articles-qa-__body h4:before,
.page__content .private-articles-qa-__body h5:before,
.page__content .private-articles-qa-__body h6:before {
    background: var(--ansira-purple);
    bottom: -1px;
    content: "";
    height: 2px;
    position: absolute;
    width: 40px;
}

.page__content .article__body img,
.page__content .public-articles-qa-__body img,
.page__content .private-articles__body img,
.page__content .private-articles-qa-__body img { max-width: 100%; }

span.see-details:hover { background: var(--ansira-purple); }
span.see-details:hover a { color: var(--white); }

span.see-details a { color: var(--ansira-purple); }
span.see-details a:hover { text-decoration: none; }

.suggested-links a { color: var(--ansira-purple); }

/* Articles Preview */

.node-preview-container {
    background: #f2f2f2;
    padding: 80px 30px 0px;
    padding-left: 100px;
    position: absolute;
}

.node-preview-container .form-type-select label {
    display: inline-block;
    width: 120px;
}

.node-preview-container .form-type-select select { width: 200px; }

.path--entity-node-preview.user-logged-in .page-layout-sidebar-default { margin-top: 45px !important }
.path--entity-node-preview.user-logged-in .ui-article-header.mt-30 { margin-top: 0; }

.page-layout-sidebar-default {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 30px;
    min-height: 59.189vh;
}

.path-frontpage .page-layout-sidebar-default { margin-bottom: 0px; }

.page__content-below { display: none; }
.path-frontpage .page__content-below { display: block; }

.ajax-progress {
    margin-left: 164px;
    position: relative;
}

.article__body img { max-width: 100%; }

span.see-details a:hover { text-decoration: none; }


/* Articles UI */

.ui-article-header {
    background-image: url('../img/banner-doc-left.png'), url('../img/banner-doc-right-top.png'), url('../img/banner-doc-right-bottom.png');
    background-position: left bottom, right -40px, right 30px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain;
    border-radius: 5px 5px 0 0;
    padding: 60px 0 140px 0;
    text-align: center;
    background-color: var(--ansira-darkblue);
}


article.article.article--full .page-layout-sidebar-default,
article.article.article--full.page__content-below,
article.private-articles .private-articles--full,
.page-node-type-private-articles .page-layout-sidebar-default,
.page-node-type-public-articles-qa- .page-layout-sidebar-default,
.page-node-type-private-articles-qa- .page-layout-sidebar-default {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
}

.path--entity-node-preview.page-node-type-private-articles .page-layout-sidebar-default,
.path--entity-node-preview.page-node-type-public-articles-qa- .page-layout-sidebar-default,
.path--entity-node-preview.page-node-type-private-articles-qa- .page-layout-sidebar-default {
    background: white;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 30px 0px 30px;
    padding-top: 15px;
}

.path--entity-node-preview.page-node-type-private-articles .page-layout-sidebar-default .page__content,
.path--entity-node-preview.page-node-type-public-articles-qa- article .page-layout-sidebar-default .page__content,
.path--entity-node-preview.page-node-type-private-articles-qa- article .page-layout-sidebar-default .page__content {
    padding: 0 15px;
}

.path--entity-node-preview.page-node-type-private-articles .page-layout-sidebar-default .w-100 { width: auto !important; }

.page-node-type-private-articles .page-layout-sidebar-default,
.page-node-type-public-articles-qa- .page-layout-sidebar-default,
.page-node-type-private-articles-qa- .page-layout-sidebar-default { padding-bottom: 15px }

article.article.article--full .article__field-category,
article.private_article.article--full .article__field-category,
.page-node-type-private-articles .private-articles__field-category,
.page-node-type-public-articles-qa- .public-articles-qa-__field-category,
.page-node-type-private-articles-qa- .private-articles-qa-__field-category { display: none; }
article .page__content { padding: 0 30px }
.path-frontpage article .page__content { padding: 15px; }

.page-node-type-private-articles .page__content {
    padding-left: 22px;
    padding-right: 9px
}

.page-node-type-public-articles-qa- .page__content.col-md-12,
.page-node-type-private-articles-qa- .page__content.col-md-12 {
    padding-left: 0px;
    padding-right: 0px
}

.page-node-type-private-articles .block.block--sproutloud-local-tasks {
    background: #f2f2f2;
    display: block;
    margin: 0px !important;
    margin-left: -23px !important;
    padding: 10px 30px;
}

.page-node-type-public-articles-qa- .block.block--sproutloud-local-tasks,
.page-node-type-private-articles-qa- .block.block--sproutloud-local-tasks {
    background: #f2f2f2;
    display: block;
    margin: 0px !important;
    padding: 10px 30px;
}

.page-node-type-public-specifications .page__breadcrumbs, .breadcrumbs, .breadcrumb {
    background: transparent;
}

.page-node-type-public-specifications .page-layout-sidebar-default .page__content,
.page-node-type-public-specifications-qa .page-layout-sidebar-default .page__content,
.page-node-type-private-specifications-qa .page-layout-sidebar-default .page__content,
.page-node-type-private-specifications .page-layout-sidebar-default .page__content,
.path--developer-portal-connections-manager-list-connections .page-layout-sidebar-default .page__content,
.path--developer-portal-connections-manager-new-connection .page-layout-sidebar-default .page__content,
.path--developer-portal-connections-manager-edit-connection .page-layout-sidebar-default .page__content,
.path--sl-job-management-email-recipients-form .page-layout-sidebar-default .page__content {
    padding-left: 30px;
    padding-right: 30px
}

.ui-client-disable {
    background-color: #f3f3f3 !important;
    pointer-events: none;
}

.page__content .m-card.ui-scopes-card-size .fieldset-wrapper .ui-scopes-to-select .table-scopes thead th,
.page__content .table thead th {
    color: #424242;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}


/* Specifications Styling */

.swagger-ui .opblock .opblock-summary-description {
    position: relative;
    top: 2px;
}

.swagger-ui .opblock table thead tr td,
.swagger-ui .opblock table thead tr th { font-size: 16px; } 

.swagger-ui.swagger-container .parameter__name { font-weight: 700; }

.swagger-ui.swagger-container .opblock .opblock-description h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 2px 0;
}

.swagger-ui.swagger-container .opblock .opblock-description ul li { font-size: 14px; }

.swagger-ui.swagger-container .info a {
    color: #009BB2;
    font-size: 14px
}

.swagger-ui.swagger-container .servers-title {
    display: inline-block;
    line-height: 0px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 40px;
}

.swagger-ui.swagger-container .block { margin-bottom: 30px; }
.swagger-ui.swagger-container .schemes.wrapper.block { margin-bottom: 0px; }

.swagger-ui .info .title { display: inline-block; }

.swagger-ui .info hgroup.main {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.swagger-ui.swagger-container .info .main a {
    background: var(--ansira-darkblue);
    border-radius: 4px;
    border: transparent;
    color: white;
    font-weight: 500;
    font-size: 14px;
    float: right;
    min-width: 172px;
    padding: .375em .75em !important;
    transition: all .3s;
    text-align: center;
}
.swagger-ui.swagger-container .info .main a span.url,
.swagger-ui .scheme-container .auth-wrapper .btn.authorize.unlocked,
.swagger-ui .scheme-container .auth-wrapper .btn.authorize.locked,
.authorization__btn.unlocked, button.authorization__btn.locked {   
    display:none;
    opacity: 0.5;
    pointer-events: none
}

.swagger-ui.swagger-container .info .main a:after { content: "Download OpenAPI Spec"}

.swagger-ui.swagger-container .info .main a:hover,
.swagger-ui .modal-ux-content .btn.authorize:hover {
    background-color: var(--ansira-purple) !important;
    border: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
}

.swagger-ui .servers-title,
.models h4 button.models-control {
    color: #3b4151;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 5px;
}

.swagger-ui select {
    border: 1px solid #b5b5b5;
    box-shadow: 0 0px 0px 0 transparent;
    font-weight: 300;
    padding: 12px 60px 12px 10px;
}

.swagger-ui .response-control-media-type--accept-controller select { border-color: #b5b5b5; }

.swagger-ui .btn.authorize svg { fill: #009bb2 }
.swagger-ui .btn.authorize:hover svg { fill: white }
.swagger-ui .btn:hover { box-shadow: 0 0 0px transparent; }

.swagger-ui .try-out__btn,
.swagger-ui .btn.authorize.unlocked {
    border: 1px solid #009bb2;
    color: #009bb2;
    letter-spacing: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 10px 35px;
    min-width: 172px
}
.swagger-ui .try-out__btn:hover,
.swagger-ui .btn.authorize.unlocked:hover {
    background: #009bb2;
    color: white
}

.swagger-ui .btn.cancel,
.swagger-ui .auth-btn-wrapper .btn-done {
    border-color: #009bb2;
    color: #009bb2;
}
.swagger-ui .btn.cancel:hover { color: white }

.swagger-ui .auth-btn-wrapper .btn-done {
    border: 0px;
    color: #009bb2;
    font-weight: 400;
}
.swagger-ui .auth-btn-wrapper .btn-done:hover { color: #2c456d }

.swagger-ui .auth-btn-wrapper {
    flex-direction: row-reverse;
    justify-content: right
}

.swagger-ui .auth-btn-wrapper .button { padding: 10px 25px !important }

.swagger-ui .btn,
.swagger-ui .btn:focus,
.swagger-ui .btn.focus { box-shadow: 0 0 0 0 transparent }

.swagger-ui .information-container.wrapper { padding: 2rem 1rem .5rem 1rem }

.swagger-ui .information-container.wrapper span.url { font-size: 14px }

.swagger-ui .info .description .renderedMarkdown h1 { margin-bottom: 0px }
.swagger-ui .info .description .renderedMarkdown p { margin-top: 5px }
.swagger-ui .renderedMarkdown p { margin: 0em auto; }
.swagger-ui .response-col_status { font-weight: 600 }

.swagger-ui .opblock-body pre.microlight { background: #4a4848 !important }

.swagger-ui .wrapper { max-width: 100% }
.swagger-ui .wrapper span.float-right img { display: none; }

.swagger-ui select:focus-visible,
.swagger-ui .modal-ux-content section input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.125em rgb(121 87 213 / 25%);
    border: 1px solid #00a26e;
}

.swagger-ui .modal-ux-content .btn.authorize {
    background: #00a26e;
    border: transparent;
    color: white;
    font-weight: 500;
    margin-right: 0px;
    padding: 10px 20px;
}

.swagger-ui .opblock-tag {
    font-size: 22px;
    padding: 10px 20px 10px 15px
}

.swagger-ui .information-container { background-color: transparent; }

.swagger-ui section.models .model-container:hover { background: rgba(0,0,0,.05) }

.swagger-ui div .wrapper { padding: 0 }
.swagger-ui div .wrapper + .wrapper,
.swagger-ui div .scheme-container + .wrapper {
    border: 0px;
    padding: 0px;
}

.swagger-ui .operation-tag-content {
    padding: 1rem;
}

.swagger-ui .model-box-control:focus,
.swagger-ui .models-control:focus,
.swagger-ui .opblock-summary-control:focus {
    outline: none;
}

.swagger-ui .opblock .opblock-summary { 
    cursor: inherit;
    margin-right: 3px;
}

.swagger-ui section.models h4:hover button { background: transparent; }

.swagger-ui .opblock.opblock-post .opblock-summary-method { background: #00a26e; }
.swagger-ui .opblock.opblock-post,
.swagger-ui .opblock.opblock-post .opblock-summary { border-color: #00a26e; }

.swagger-ui .opblock.opblock-get .opblock-summary-method { background: #456CAA; }
.swagger-ui .opblock.opblock-get,
.swagger-ui .opblock.opblock-get .opblock-summary { border-color: #456CAA; }

.swagger-ui .opblock.opblock-patch .opblock-summary-method { background: #009bb2; }
.swagger-ui .opblock.opblock-patch,
.swagger-ui .opblock.opblock-patch .opblock-summary { border-color: #009bb2; }

.swagger-ui .opblock.opblock-delete .opblock-summary-method { background: #E94F3D; }
.swagger-ui .opblock.opblock-delete,
.swagger-ui .opblock.opblock-delete .opblock-summary { border-color: #f93e3e; }

.swagger-ui .checkbox input[type=checkbox]+label>.item {
    background: transparent;
    border-radius: 3px;
    box-shadow: 0 0 0 0px transparent;
    border: 1px solid gray;
    top: 6px
}
.swagger-ui .checkbox input[type=checkbox]:checked+label>.item {
    background: url('data:image/svg+xml;charset=utf-8,<svg width="10" height="8" viewBox="3 7 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="%2341474E" fill-rule="evenodd" d="M6.333 15 3 11.667l1.333-1.334 2 2L11.667 7 13 8.333z"/></svg>') center center no-repeat;
}

.swagger-ui .dialog-ux .modal-ux-content p,
.swagger-ui .scopes h2 a { font-size: 14px }

.swagger-ui .dialog-ux .modal-ux-content p code { color: #009BB2 }

.swagger-ui .dialog-ux .modal-ux-content .scopes { margin-top: 20px }

.swagger-ui .info .link .url { display: none; }


/* API Transition */

.transition-api { position: relative; }

.transition-api:after {
    background: var(--ansira-purple);
    border-radius: 25px;
    content: 'Transition API';
    color: var(--ansira-lightblue);
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    padding: 6px 12px;
    position: absolute;
    top: calc(45% - 10px);
    right: 5px;
    width: auto;
}

.transition-api.dropdown-item {
    padding-right: 110px;
    white-space: pre-wrap;
    width: 310px;
    word-wrap: break-word;
}

/* Had to use IDs due to Specs preprocessor doesn't allows classes */
#m-warning {
    background-color: whitesmoke;
    border-left-color: #f7b334;
    border-left-width: 4px;
    border-left-style: solid;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #424242;
    font-size: 14px;
    line-height: 140%;
    margin: 2em 0;
    position: relative;
    padding: 12px 24px 12px 30px;
    z-index: 1;    
}

#m-warning:before {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    border-radius: 100%;
    color: #ffffff;
    content: "";    
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    left: -12px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 10px;    
    width: 20px;     
}

#m-warning:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='401.999px' fill='%23ffffff' height='401.998px' viewBox='0 0 401.999 401.998' style='enable-background:new 0 0 401.999 401.998;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M237.543,301.499h-73.091c-4.95,0-9.233,1.811-12.851,5.425c-3.615,3.617-5.424,7.897-5.424,12.847v63.953 c0,4.948,1.809,9.232,5.424,12.854c3.621,3.61,7.9,5.421,12.851,5.421h73.097c4.942,0,9.227-1.811,12.848-5.421 c3.61-3.621,5.42-7.905,5.42-12.854v-63.953c0-4.949-1.813-9.229-5.427-12.847C246.773,303.307,242.488,301.499,237.543,301.499z' /%3E%3Cpath d='M259.383,5.424C255.862,1.812,251.628,0,246.676,0h-91.359c-4.948,0-9.18,1.812-12.703,5.424 c-3.521,3.617-5.186,7.902-4.996,12.85l7.992,219.265c0.19,4.948,2.139,9.236,5.852,12.847c3.711,3.621,8.041,5.431,12.991,5.431 h73.097c4.942,0,9.271-1.81,12.991-5.431c3.71-3.61,5.653-7.898,5.852-12.847l7.987-219.265 C264.578,13.326,262.905,9.045,259.383,5.424z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-color: #f7b334;
}

#m-warning a, #m-warning p { font-size: inherit; }


/* Login View styling*/

.path-user form .form-actions .btn-primary {
    background-color: #35b082;
    border: 1px solid #35b082;
    line-height: 200%;
    padding: 40px 0;
    text-transform: initial;
}

.path-user form .form-actions .btn-primary { font-weight: 400 }
.path-user form .form-actions .btn-primary:hover,
.path-user form .form-actions .btn-primary:focus,
.path-user form .form-actions .btn-primary:active {
    background-color: #00955f;
    border: 1px solid #00955f;
    color: white;
}

/* Testing homepage as article */

.path-frontpage .page__content .article__body {
    margin: 0px;
}

.path-frontpage h1.article__title {
    display: none;
}

.ui-results-behavior { padding: 0 60px }

/* scroll for scopes selected */

.ui-new-selected-scopes { overflow-y: scroll; }

.ui-new-selected-scopes::-webkit-scrollbar {
  width: 8px;
  background-color: #fafafa;
}

.ui-new-selected-scopes::-webkit-scrollbar-thumb {
    background: #c8c8c8;
    border-radius: 50px;
}

.ui-see-scopes-desc {
    transform:rotate(180deg);
    transition: all .3s;
    top: 9px !important
}

/* Webhook Management Styles */

.path--vuejs-webhooks-index .main .block { margin-bottom: 0; }

.path--vuejs-webhooks-index.path-webhooks .block.block--sproutloud-page-title { display: none; }

/* Jobs Notifications Styles */

.is-required .fieldset-legend::after {
    color: #E94F3D ;
    content: '*';
    margin-left: 4px;
    position: absolute;
}
/* Encrypted Integrations Styles */

.secure-transfer-menu {
    background-image: url("data:image/svg+xml,%3Csvg height='23' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 43' style='enable-background:new 0 0 47 43;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2310092A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M36.3,35.4c0.4,0.7,1.2,1.1,2,1.1c1.2,0,2.3-1,2.3-2.2s-1-2.2-2.3-2.2c-0.7,0-1.4,0.4-1.9,1l-0.1,0.2H13.9v2.1 C13.4,38,11,40,8.3,40c-3.1,0-5.7-2.6-5.7-5.7c0-1.7,0.8-3.4,2.1-4.4l-1.1-1.5c-1.8,1.4-2.9,3.6-2.9,6c0,4.2,3.4,7.5,7.6,7.5 c3.7,0,6.8-2.6,7.5-6.3l0.1-0.3L36.3,35.4L36.3,35.4z'/%3E%3Cpath class='st0' d='M8.3,36.6c0.9,0,1.8-0.6,2.1-1.5c0.3-0.6,0.2-1.3,0-1.9L10.3,33l0.1-0.2l11.1-19.2L20.3,13 c-2.6-1.6-3.5-5-1.9-7.7c0.8-1.3,2-2.3,3.5-2.7s3-0.2,4.3,0.6c1.5,0.9,2.5,2.3,2.8,4L30.8,7c-0.3-2.3-1.7-4.3-3.7-5.5 c-3.6-2.1-8.2-0.8-10.3,2.8c-1.8,3.2-1.1,7.2,1.7,9.6l0.3,0.2L8.6,32H8.3c-0.8,0-1.5,0.4-1.9,1.1c-0.1,0.1-0.1,0.2-0.1,0.3 l-0.1,0.2C6.1,33.8,6,34.1,6,34.3C6,35.6,7,36.6,8.3,36.6z'/%3E%3Cpath class='st0' d='M44.8,30.2C43,27,39.1,25.6,35.6,27l-0.3,0.1l-0.2-0.3l-10-17.4l0.1-0.2c0.4-0.7,0.4-1.5,0-2.2 c-0.3-0.5-0.8-0.9-1.4-1c-0.6-0.2-1.2-0.1-1.7,0.2c-1.1,0.6-1.4,2-0.8,3c0.4,0.7,1.1,1.1,1.8,1.1h0.2l0.1,0.2l11,19l1.3-0.8l0,0 c2.7-1.3,5.9-0.4,7.4,2.2c1.6,2.7,0.6,6.2-2.1,7.7c-1.5,0.9-3.3,1-4.9,0.4l-0.8,1.7c2.1,0.9,4.6,0.7,6.6-0.5c1.7-1,3-2.6,3.5-4.6 C46.1,33.9,45.8,31.9,44.8,30.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 15px 0px;
    margin-top: 15px;
}