@font-face {
    font-family: "TKB SuisseNeue S";
    src: url('../fonts/SuisseNeue-Regular-WebS.woff2');
    font-style: normal;
}

@font-face {
    font-family: 'tkb-icon-font';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/icon-font.woff2') format('woff2'),
    url('../fonts/icon-font.woff') format('woff');
}

@font-face {
    font-family: 'TKB Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/noto-sans-latin-400.woff2') format('woff2');
}

@font-face {
    font-family: 'TKB Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/noto-sans-latin-700.woff2') format('woff2');
}

:root {
    font-family: 'TKB Noto Sans',Helvetica,Arial,sans-serif;
    --tkb-primary-color: #1F6265;
    --tkb-secondary-color: #446C55;
    --tkb-error-color: #9C013C;
    --tkb-contrast-color: #77D48E;
    --tkb-contrast-light-color: #C2F2CF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--tkb-primary-color);
    font-family: inherit;
}

h1 {
    font-weight: 700;
}

a {
    color: #1B484B;
    text-decoration: none;

    display: inline-block;
    position: relative;
    vertical-align: top;
}

a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #1B484B;
    transition: background-color .2s;
}

a:hover, a:focus {
    color: #1B484B;
    text-decoration: none;
}

a:not(.pf-c-nav__link):hover::after,
a:not(.pf-c-nav__link):focus::after {
    background: #84E59E;
}

.pf-c-alert.pf-m-inline {
    --pf-c-alert--BorderTopColor: #FDF2E7;
    --pf-c-alert--BackgroundColor: #FDF2E7;
    --pf-c-alert__icon--Color: #D96D01;
    --pf-c-alert__title--Color: #D96D01;
    background-color: var(--pf-c-alert--BackgroundColor);
    border-color: var(--pf-c-alert--BorderTopColor);
}

.pf-c-alert.pf-m-warning .pf-c-alert__icon {
    --pf-global--warning-color--100: var(--pf-c-alert__icon--Color);
    padding-top: .25em;
}

.pf-c-alert.pf-m-warning .pf-c-alert__title {
    --pf-c-alert__title--FontWeight: 400;
    --pf-global--warning-color--200: var(--pf-c-alert__title--Color);
}

.login-pf body {
    background: #F0FCF3;
}

.form-control {
    border-radius: 1px;
    box-shadow: none;
    border-color: #d1cdc9;
    height: 3em;
}

.form-control:hover {
    border-color: var(--tkb-primary-color);
}

.form-control:focus {
    border-color: var(--tkb-primary-color);
    box-shadow: none;
}

.has-error .form-control {
    border-color: var(--tkb-error-color);
    box-shadow: none;
}

.has-error .form-control:focus {
    border-color: var(--tkb-error-color);
    box-shadow: none;
}

.required {
    color: var(--tkb-error-color);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: .5;
}

.form-horizontal .control-label {
    line-height: 3em;
    padding: 0;
}

.btn-primary,
.btn-default {
    padding: .5em 2em;
    border: 1px solid var(--tkb-primary-color);
    box-shadow: none;
    outline:none !important;
}

.btn-primary, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background: var(--tkb-primary-color);
}

.btn-primary:hover {
     background: #1B484B;
 }

body .pf-c-button.pf-m-primary {
    --pf-c-button--m-primary--Color: #fff;
    --pf-c-button--m-primary--BackgroundColor: var(--tkb-primary-color);
    --pf-global--primary-color--200: var(--tkb-contrast-light-color);
}

.pf-c-button.btn-lg{
    padding: 0.8em 2em
}

.btn-default, .btn-default:focus, .btn-default:active {
    color: var(--tkb-primary-color);
    background: #fff;
}
.btn-default:hover {
    background: #efefee;
}

body .card-pf {
    --pf-global--primary-color--100: var(--tkb-primary-color);
    --pf-global--primary-color--200: var(--tkb-contrast-light-color);
}

body .pf-c-form-control {
    --pf-global--primary-color--100: var(--tkb-primary-color);
}

.login-pf-page {
    padding-top: 0;
}

.login-pf a {
    color: var(--tkb-primary-color);
}

.login-pf a:hover {
    color: var(--tkb-primary-color);
}

.form-group input {
    outline: 0;
}

.dropdown {
    z-index: 101;  /* z-index must be higher as of .pf-c-page__main */
}

@media (min-width: 1200px) {
    .pf-v5-c-page {
        margin: 0 auto;
        max-width: calc(1200px - 2 * 16px);  /* values are derived from portal-navigation */
    }
}

form.form-horizontal.-avoid-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.tkb-finpl-iam-alert.-success,
.tkb-finpl-iam-alert.-info {
    padding: 1em;
    margin-bottom: 2em;
    background: rgb(218, 247, 226);
}

.tkb-finpl-iam-alert.-info {
    background: #F0F0F0;
}

.tkb-finpl-iam-alert.-success span.-as-title,
.tkb-finpl-iam-alert.-info span.-as-title {
    display: block;
    color: rgb(31, 98, 101);
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
}
.tkb-finpl-iam-alert.-info {
    color: rgb(77, 77, 77);
}

.tkb-finpl-iam-alert.-success span.-as-title::before,
.tkb-finpl-iam-alert.-info span.-as-title::before {
    font-family: tkb-icon-font;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content: "\\";
    display: inline-block;
    font-size: 24px;
    position: absolute;
    left: 0;
}
.tkb-finpl-iam-alert.-info span.-as-title::before {
    content: "\a4";
}

.tkb-finpl-iam-alert.-success span.-as-content,
.tkb-finpl-iam-alert.-info span.-as-content {
    display: block;
    color: rgb(77, 77, 77);
    font-size: 14px;
    padding-left: 30px;
    padding-top: 0.5em;
    line-height: 1.5;
}