@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");

@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
        url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
        url('fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: "Lato-Regular", sans-serif;
    padding: 0;
    margin: 0;
}

html {
    touch-action: manipulation;
}

/* IBM Styles Reqd  */
body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    font-size: 16px;
}

/* IBM Styles Reqd  */
.container {
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
}

.text-default-color {
    color: #97144d;
}

/* .row {
  margin: 0;
  padding: 0;
} */

*,
*::before,
*::after {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    /* font-size: inherit; */
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
select,
a.btn,
textarea,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    border: none;
    outline: none;
    /* font-family: inherit;
    font-size: inherit; */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input,
textarea,
select {
    background-color: transparent;
}

table {
    border-collapse: collapse;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
a.btn,
a:focus,
a.btn:active,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible {
    outline: none;
}

.ui-tooltip,
.ui-tooltip-content {
    display: none;
}

/* Normalise Default CSS  */

input,
textarea,
select,
input::placeholder,
textarea::placeholder {
    font-family: "Lato-Regular", sans-serif !important;
}

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #97144d;
    appearance: auto;
}

input[type="password"]::-ms-reveal {
    display: none;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

/* Hide spinners in Chrome, Safari, Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/* Prevent hover/focus overrides */
input[type="number"]:hover,
input[type="number"]:focus {
    -webkit-appearance: none !important;
}

/* Hide spinners in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.custom-form-element label.bx--label .children {
    font-size: 16px;
    font-weight: bold;
}

.custom-form-element .form-control {
    border: none;
    color: #000;
    border-bottom: 1px solid #ddd;
    background-color: #fefefe;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    padding: 8px 10px;
    height: 40px;
}

.custom-form-element textarea.form-control {
    height: unset;
    resize: none;
}

.custom-form-element .form-control:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #97144d;
}

.custom-form-element .form-control::placeholder {
    color: #000;
}

form {
    font-family: "Lato-Regular", sans-serif;
}

legend {
    margin-bottom: 10px;
    font-size: unset;
    line-height: unset;
}

legend .fieldset-legend {
    font-size: 16px;
    font-weight: bold;
}

.radio-wrapper fieldset {
    margin-bottom: 20px;
}

.fieldset {
    width: auto;
    height: auto;
}

fieldset .fieldset-wrapper div[role="radiogroup"] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
}

div[role="radiogroup"] .custom-form-element label.option {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
}

div[role="radiogroup"] .fieldset-wrapper span.children {
    padding-right: 0;
}

.fieldset-wrapper .form-checkboxes .custom-form-element label.option {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    align-items: center;
}

.fieldset-wrapper .form-checkboxes span.children {
    padding-right: 0;
}

.path-node form {
    padding: 0 !important;
}

/* Override BS Classes */
.table {
    --bs-table-hover-bg: unset;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: unset;
    --bs-table-bg-state: unset;
}

/* Override BS Classes */