:root {
    --text-dark: #393939;

    --neutral-color-10: #f4f4f4;
    --neutral-color-20: #e6e6e6;
    --neutral-color-30: #c6c6c6;
    --neutral-color-40: #999999;
    --neutral-color-50: #8d8d8d;
    --neutral-color-60: #525252;
    --neutral-color-70: #393939;
    --neutral-color-80: #161616;

    --black: #161616;
    --white: #ffffff;
    --blue: #00539a;

    --success-color: #24a148;
    --danger-color: #da1e28;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
    font-size: 16px;
}

body {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
}

a {
    color: var(--text-dark);
    text-decoration: underline;
}

.btn-rounded {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px !important;
    height: 35px;
    font-size: .9rem;
    background-color: var(--black);
    color: var(--white);
}

.btn-rounded-neutral {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
}

.btn-rounded:hover {
    background-color: var(--neutral-color-70);
    color: var(--white);
}

.btn-rounded-neutral:hover {
    background-color: var(--neutral-color-10);
    color: var(--black);
}

.ibm-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-right: 8px;
    color: var(--black);
}

.ibm-icon-h1 {
    background-image: url('../img/icons/h1.svg');
}

.ibm-icon-h2 {
    background-image: url('../img/icons/h2.svg');
}

.ibm-icon-side-panel-close {
    background-image: url('../img/icons/side-panel--close.svg');
}

.ibm-icon-archive {
    background-image: url('../img/icons/archive.svg');
}

.ibm-icon-align-left {
    background-image: url('../img/icons/text--align--left.svg');
}

.ibm-icon-align-right {
    background-image: url('../img/icons/text--align--right.svg');
}

.ibm-icon-align-center {
    background-image: url('../img/icons/text--align--center.svg');
}

.ibm-icon-close {
    background-image: url('../img/icons/close.svg');
}

.ibm-report-notification {
    background-image: url('../img/icons/report-notification.svg');
}

.ibm-icon-reset {
    background-image: url('../img/icons/reset.svg');
}

.ibm-icon-sort {
    background-image: url('../img/icons/chevron--sort.svg');
}

.ibm-icon-replicate {
    background-image: url('../img/icons/replicate.svg');
}

.ibm-icon-abc {
    background-image: url('../img/icons/character--upper-case.svg');
}

.ibm-icon-task-tools {
    background-image: url('../img/icons/task--tools.svg');
}

.ibm-icon-carbon-mobile {
    background-image: url('../img/icons/carbon-mobile.svg');
}

.ibm-icon-row {
    background-image: url('../img/icons/row.svg');
}

.ibm-icon-subtract-large {
    background-image: url('../img/icons/subtract--large.svg');
}

.ibm-icon-alarm {
    background-image: url('../img/icons/alarm.svg');
}

.ibm-icon-txt {
    background-image: url('../img/icons/TXT.svg');
}

.ibm-icon-two-column {
    background-image: url('../img/icons/two-column.svg');
}

.ibm-icon-group-resource {
    background-image: url('../img/icons/group--resource.svg');
}

.ibm-icon-text-creation {
    background-image: url('../img/icons/text--creation.svg');
}

.ibm-service-notification {
    background-image: url('../img/icons/service-notification.svg');
}

.ibm-icon-warning {
    background-image: url('../img/icons/warning.svg');
}

.ibm-icon-warning-alt {
    background-image: url('../img/icons/warning--alt.svg');
}

.ibm-icon-side-panel-open {
    background-image: url('../img/icons/side-panel--open.svg');
}

.ibm-icon-list-boxes {
    background-image: url('../img/icons/list--boxes.svg');
}

.ibm-icon-camera {
    background-image: url('../img/icons/camera.svg');
}

.ibm-icon-percentage-filled {
    background-image: url('../img/icons/percentage--filled.svg');
}

.ibm-icon-header {
    background-image: url('../img/icons/open-panel--filled--top.svg');
}

.ibm-icon-paper {
    background-image: url('../img/icons/white-paper.svg');
}

.ibm-icon-heart {
    background-image: url('../img/icons/heart.svg');
}

.ibm-icon-analytics {
    background-image: url('../img/icons/analytics.svg');
}

.ibm-icon-construction {
    background-image: url('../img/icons/construction.svg');
}

.ibm-icon-enterprise {
    background-image: url('../img/icons/enterprise.svg');
}

.ibm-icon-home {
    background-image: url('../img/icons/home.svg');
}

.ibm-icon-logout {
    background-image: url('../img/icons/logout.svg');
}

.ibm-icon-menu {
    background-image: url('../img/icons/menu.svg');
}

.ibm-icon-cursor {
    background-image: url('../img/icons/cursor.svg');
}

.ibm-icon-user-activity {
    background-image: url('../img/icons/user--activity.svg');
}

.ibm-icon-user-admin {
    background-image: url('../img/icons/user--admin.svg');
}

.ibm-icon-user-avatar {
    background-image: url('../img/icons/user--avatar.svg');
}

.ibm-icon-user-avatar-filled {
    background-image: url('../img/icons/user--avatar--filled.svg');
}

.ibm-icon-debug {
    background-image: url('../img/icons/debug.svg');
}

.ibm-icon-notebook-reference {
    background-image: url('../img/icons/notebook--reference.svg');
}

.ibm-icon-switcher {
    background-image: url('../img/icons/switcher.svg');
    opacity: .3;
}

.ibm-icon-overflow-menu-horizontal {
    background-image: url('../img/icons/overflow-menu--horizontal.svg');
}

.ibm-icon-add {
    background-image: url('../img/icons/add.svg');
}

.ibm-icon-add-filled {
    background-image: url('../img/icons/add--filled.svg');
}

.ibm-icon-add-white {
    background-image: url('../img/icons/add-white.svg');
}

.ibm-icon-subtract {
    background-image: url('../img/icons/subtract.svg');
}

.ibm-icon-trophy {
    background-image: url('../img/icons/trophy.svg');
}

.ibm-icon-user-multiple {
    background-image: url('../img/icons/user--multiple.svg');
}

.ibm-icon-image {
    background-image: url('../img/icons/image.svg');
}

.ibm-icon-no-image {
    background-image: url('../img/icons/no-image.svg');
}

.ibm-icon-view {
    background-image: url('../img/icons/view.svg');
}

.ibm-icon-view-off {
    background-image: url('../img/icons/view--off.svg');
}

.ibm-icon-data-view {
    background-image: url('../img/icons/data-view.svg');
}

.ibm-icon-trash-can {
    background-image: url('../img/icons/trash-can.svg');
}

.ibm-icon-caret-up {
    background-image: url('../img/icons/caret--up.svg');
}

.ibm-icon-caret-down {
    background-image: url('../img/icons/caret--down.svg');
}

.ibm-icon-caret-left {
    background-image: url('../img/icons/caret--left.svg');
}

.ibm-icon-caret-right {
    background-image: url('../img/icons/caret--right.svg');
}

.ibm-icon-download {
    background-image: url('../img/icons/download.svg');
}

.ibm-icon-chevron-down {
    background-image: url('../img/icons/chevron--down.svg');
}

.ibm-icon-chevron-up {
    background-image: url('../img/icons/chevron--up.svg');
}

.ibm-icon-chevron-right {
    background-image: url('../img/icons/chevron--right.svg');
}

.ibm-icon-person {
    background-image: url('../img/icons/person.svg');
}

.ibm-icon-tool-kit {
    background-image: url('../img/icons/tool-kit.svg');
}

.ibm-icon-bar-chart {
    background-image: url('../img/icons/chart--column.svg');
}

.ibm-icon-bar-chart {
    background-image: url('../img/icons/chart--column.svg');
}

.ibm-icon-gift {
    background-image: url('../img/icons/gift.svg');
}

.ibm-icon-star {
    background-image: url('../img/icons/star.svg');
}

.ibm-icon-arrow-left {
    background-image: url('../img/icons/arrow--left.svg');
}

.ibm-icon-arrow-right {
    background-image: url('../img/icons/arrow--right.svg');
}

.ibm-icon-check {
    background-image: url('../img/icons/checkmark.svg');
}

.ibm-icon-checkbox {
    background-image: url('../img/icons/checkbox--checked.svg');
}

.ibm-icon-dot-mark {
    background-image: url('../img/icons/dot-mark.svg');
}

.ibm-icon-status-change {
    background-image: url('../img/icons/status--change.svg');
}

.ibm-icon-new-tab {
    background-image: url('../img/icons/new-tab.svg');
}

.ibm-icon-edit {
    background-image: url('../img/icons/edit.svg');
}

.light-icon {
    opacity: .3;
}

.btn {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-radius: 2px;
}

.card-body {
    padding: 1.5rem;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: none; /*0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb*/
}

.btn:first-child:active {
    border-color: transparent;
}

.btn:focus-visible {
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #00539a;
    border-color: #00539a;
    font-weight: 600;
}

.btn-primary:hover {
    color: #fff;
    background-color: #003a6d;
    border-color: #003a6d;
}

.btn-secondary {
    color: #00539a;
    background-color: transparent;
    border-color: #00539a;
    font-weight: 600;
}

.btn-secondary:hover {
    color: #003a6d;
    background-color: transparent;
    border-color: #003a6d;
}

#wrapper {
    overflow-x: hidden;
}

.grey-color {
    color: #777;
}

.centered-column {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-control[type="file"] {
    border-radius: 3px;
}

.k-form {

}

.form-check-input:checked {
    background-color: var(--black);
    border-color: var(--black);
}

.k-form-buttons .btn {
    max-width: 10rem;
}

form label {
    color: var(--text-dark);
    font-weight: 400;
    font-size: .9rem;
}

.k-validation-group {
    position: relative;
}

.field-validation-error {
    font-size: .9rem;
}

.k-validation-group .field-validation-error {
    position: absolute;
    bottom: 0;
    text-wrap: nowrap;
}

.k-form-control {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--neutral-color-40);
    padding: .375rem .75rem;
    margin-bottom: 20px;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.5;
    color: #212529;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.k-form-control:focus-visible {
    outline: none;
}

.k-form-control:hover {
    background-color: var(--neutral-color-10);
}

.k-form-control.is-invalid, .was-validated .k-form-control:invalid {
    background-color: var(--neutral-color-20);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.k-form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

textarea.k-form-control {
    background-color: var(--neutral-color-10);
}


.bg-kairos-light {
    background: #f4f4f4;
}

/* General Utilities */

.pointer {
    cursor: pointer;
}

.font-200 {
    font-weight: 200;
}

.font-300 {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-bold {
    font-weight: bold;
}

.font-color-light {
    color: var(--neutral-color-60);
}

.font-color-white {
    color: var(--white);
}

.text-small {
    font-size: .9rem;
}

.link-no-decoration {
    text-decoration: none;
}

.form-error-summary {
    border-radius: 10px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(33 138 210 / var(--tw-bg-opacity));
    margin-top: 1rem;
}