/*** Bootstrap Theme ***/
:root {
    --bs-blue: #5395A4;
    --bs-indigo: #8073CB;
    --bs-purple: #945C89;
    --bs-pink: #d63384;
    --bs-red: #D12525;
    --bs-orange: #DE5318;
    --bs-yellow: #ffc107;
    --bs-green: #78AF42;
    --bs-teal: #6CB6C7;
    --bs-cyan: #0dcaf0;
    --bs-black: #282828;
    --bs-white: #FEFDFD;
    --bs-gray: #9D9C9C;
    --bs-gray-dark: #616262;
    --bs-gray-100: #FEFDFD;
    --bs-gray-200: #F7F3F3;
    --bs-gray-300: #D9D6D6;
    --bs-gray-400: #BBB9B9;
    --bs-gray-500: #9D9C9C;
    --bs-gray-600: #7F7F7F;
    --bs-gray-700: #616262;
    --bs-gray-800: #434545;
    --bs-gray-900: #282828;
    --bs-primary: #CDC5FF;
    --bs-secondary: var(--bs-gray-300);
    --bs-success: #DCFF92;
    --bs-info: #6CB6C7;
    --bs-warning: #DE5318;
    --bs-danger: #D12525;
    --bs-light: var(--bs-gray-200);
    --bs-dark: #616262;
    --bs-primary-rgb: 205, 197, 255;
    --bs-secondary-rgb: 217, 214, 214;
    --bs-success-rgb: 220, 255, 146;
    --bs-info-rgb: 108, 182, 199;
    --bs-warning-rgb: 222, 83, 24;
    --bs-danger-rgb: 209, 37, 37;
    --bs-light-rgb: 247, 243, 243;
    --bs-dark-rgb: 97, 98, 98;
    --bs-white-rgb: 254, 253, 253;
    --bs-black-rgb: 40, 40, 40;
    --bs-body-color-rgb: 97, 98, 98;
    --bs-body-bg-rgb: 247, 243, 243;
    --bs-font-sans-serif: "Public Sans", Arial, sans-serif;
    --bs-body-font-weight: 450;
    --bs-body-color: #616262;
    --bs-body-bg: #F7F3F3;
    --bs-border-color: var(--bs-gray-300);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 6px;
    --bs-border-radius-xl: 8px;
    --bs-border-radius-2xl: 16px;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #605698;
    --bs-link-hover-color: #7158FE;
}

html {
    font-size: 15px;
    font-family: sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html,body {
    height: 100%;
}

body {
    font-family: "Public Sans", Arial, sans-serif;
    font-size: 15px;
    color: var(--gray-900);
}

.header {
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    position: relative;
    z-index: 1;
}

.footer {
    z-index: 1;
    background-color: var(--bs-gray-600);
    color: #fff;
    padding: 1em 0;
    font-size: .875em;
}

input[readonly] {
    background-color: var(--bs-gray-200);
    opacity: 1;
    cursor: not-allowed;
}