:root{

    --hr-header-min-height: 7rem;
    --hr-header-padding-y: 1.1rem;
    --hr-divider: #CECECE;

    --hr-dark: #031727;
    --hr-dark-rgb: 3, 23, 39;
    --hr-dark-hover: #020F1A; /* 5 points darker */
    --hr-dark-hover-rgb: 2, 15, 26;
    --hr-dark-active: #010B12; /* 3 (8 from origin) points darker */
    --hr-dark-active-rgb: 1, 11, 18;
    --hr-dark-active-border-color: #01080D; /* 2 (10 from origin) points darker */
    --hr-dark-active-border-color-rgb: 1, 8, 13;
    --hr-dark-focus-shadow: #000000; /* 50 (from origin) points minus of saturation */
    --hr-dark-focus-shadow-rgb: 0, 0, 0;
        
    --hr-white: #fff;
    --hr-white-rgb: 255, 255, 255;
    --hr-white-hover: #F2F2F2; /* 5 points darker */
    --hr-white-hover-rgb: 242, 242, 242;
    --hr-white-active: #EBEBEB; /* 3 (8 from origin) points darker */
    --hr-white-active-rgb: 235, 235, 235;
    --hr-white-active-border-color: #E6E6E6; /* 2 (10 from origin) points darker */
    --hr-white-active-border-color-rgb: 230, 230, 230;
    --hr-white-focus-shadow: #808080; /* 50 (from origin) points minus of saturation */
    --hr-white-focus-shadow-rgb: 128, 128, 128;
    
    --hr-primary: #02D3B9;
    --hr-primary-rgb: 2, 211, 185;
    --hr-primary-hover: #02C7AE; /* 5 points darker */
    --hr-primary-hover-rgb: 2, 199, 174;
    --hr-primary-active: #02BFA8; /* 3 (8 from origin) points darker */
    --hr-primary-active-rgb: 2, 191, 168;
    --hr-primary-active-border-color: #02BAA3; /* 2 (10 from origin) points darker */
    --hr-primary-active-border-color-rgb: 2, 186, 163;
    --hr-primary-focus-shadow: #6CD3C6; /* 50 (from origin) points minus of saturation */
    --hr-primary-focus-shadow-rgb: 108, 211, 198;
        
    --hr-secondary: #F5F5F5;
    --hr-secondary-rgb: 245, 245, 245;
    --hr-secondary-hover: #E8E8E8; /* 5 points darker */
    --hr-secondary-hover-rgb: 232, 232, 232;
    --hr-secondary-active: #E0E0E0; /* 3 (8 from origin) points darker */
    --hr-secondary-active-rgb: 224, 224, 224;
    --hr-secondary-active-border-color: #DBDBDB; /* 2 (10 from origin) points darker */
    --hr-secondary-active-border-color-rgb: 219, 219, 219;
    --hr-secondary-focus-shadow: var(--hr-secondary); /* 50 (from origin) points minus of saturation */
    --hr-secondary-focus-shadow-rgb: var(--hr-secondary-rgb);
        
    --hr-success: #19A814;
    --hr-success-rgb: 25, 168, 20;
    --hr-success-hover: #179C13; /* 5 points darker */
    --hr-success-hover-rgb: 23, 156, 19;
    --hr-success-active: #169412; /* 3 (8 from origin) points darker */
    --hr-success-active-rgb: 22, 148, 18;
    --hr-success-active-border-color: #158F11; /* 2 (10 from origin) points darker */
    --hr-success-active-border-color-rgb: 21, 143, 17;
    --hr-success-focus-shadow: #6AA868; /* 50 (from origin) points minus of saturation */
    --hr-success-focus-shadow-rgb: 106, 168, 104;
    
    --hr-danger: #FF005A;
    --hr-danger-rgb: 255, 0, 90;
    --hr-danger-hover: #F20055; /* 5 points darker */
    --hr-danger-hover-rgb: 242, 0, 85;
    --hr-danger-active: #EB0053; /* 3 (8 from origin) points darker */
    --hr-danger-active-rgb: 235, 0, 83;
    --hr-danger-active-border-color: #E60051; /* 2 (10 from origin) points darker */
    --hr-danger-active-border-color-rgb: 230, 0, 81;
    --hr-danger-focus-shadow: #E6739B; /* 50 (from origin) points minus of saturation */
    --hr-danger-focus-shadow-rgb: 230, 115, 155;

    --hr-gray-1: #C5C5C5;
    --hr-gray-1-rgb: 197, 197, 197;
    --hr-gray-1-hover: #B8B8B8; /* 5 points darker */
    --hr-gray-1-hover-rgb: 184, 184, 184;
    --hr-gray-1-active: #B0B0B0; /* 3 (8 from origin) points darker */
    --hr-gray-1-active-rgb: 176, 176, 176;
    --hr-gray-1-active-border-color: #ABABAB; /* 2 (10 from origin) points darker */
    --hr-gray-1-active-border-color-rgb: 171, 171, 171;
    --hr-gray-1-focus-shadow: #454545; /* 50 (from origin) points minus of saturation */
    --hr-gray-1-focus-shadow-rgb: 69, 69, 69;
    
    --hr-gray-2: #D4D4D4;
    --hr-gray-2-rgb: 212, 212, 212;
    --hr-gray-2-hover: #C7C7C7; /* 5 points darker */
    --hr-gray-2-hover-rgb: 199, 199, 199;
    --hr-gray-2-active: #BFBFBF; /* 3 (8 from origin) points darker */
    --hr-gray-2-active-rgb: 191, 191, 191;
    --hr-gray-2-active-border-color: #BABABA; /* 2 (10 from origin) points darker */
    --hr-gray-2-active-border-color-rgb: 186, 186, 186;
    --hr-gray-2-focus-shadow: #545454; /* 50 (from origin) points minus of saturation */
    --hr-gray-2-focus-shadow-rgb: 84, 84, 84;
    
    --hr-gray-3: #A4ABB2;
    --hr-gray-3-rgb: 164, 171, 178;
    --hr-gray-3-hover: #999FA6; /* 5 points darker */
    --hr-gray-3-hover-rgb: 153, 159, 166;
    --hr-gray-3-active: #92989E; /* 3 (8 from origin) points darker */
    --hr-gray-3-active-rgb: 146, 152, 158;
    --hr-gray-3-active-border-color: #8D9399; /* 2 (10 from origin) points darker */
    --hr-gray-3-active-border-color-rgb: 141, 147, 153;
    --hr-gray-3-focus-shadow: #2F3133; /* 50 (from origin) points minus of saturation */
    --hr-gray-3-focus-shadow-rgb: 47, 49, 51;
    
    --hr-gray-4: #E9E9E9;
    --hr-gray-4-rgb: 233, 233, 233;
    --hr-gray-4-hover: #DBDBDB; /* 5 points darker */
    --hr-gray-4-hover-rgb: 219, 219, 219;
    --hr-gray-4-active: #D4D4D4; /* 3 (8 from origin) points darker */
    --hr-gray-4-active-rgb: 212, 212, 212;
    --hr-gray-4-active-border-color: #CFCFCF; /* 2 (10 from origin) points darker */
    --hr-gray-4-active-border-color-rgb: 207, 207, 207;
    --hr-gray-4-focus-shadow: #696969; /* 50 (from origin) points minus of saturation */
    --hr-gray-4-focus-shadow-rgb: 105, 105, 105;
    
    --hr-gray-5: #E2E2E2;
    --hr-gray-5-rgb: 226, 226, 226;
    --hr-gray-5-hover: #D6D6D6; /* 5 points darker */
    --hr-gray-5-hover-rgb: 214, 214, 214;
    --hr-gray-5-active: #CFCFCF; /* 3 (8 from origin) points darker */
    --hr-gray-5-active-rgb: 207, 207, 207;
    --hr-gray-5-active-border-color: #C9C9C9; /* 2 (10 from origin) points darker */
    --hr-gray-5-active-border-color-rgb: 201, 201, 201;
    --hr-gray-5-focus-shadow: #636363; /* 50 (from origin) points minus of saturation */
    --hr-gray-5-focus-shadow-rgb: 99, 99, 99;
    
    --hr-gray-6: #AEAEAE;
    --hr-gray-6-rgb: 174, 174, 174;
    --hr-gray-6-hover: #A1A1A1; /* 5 points darker */
    --hr-gray-6-hover-rgb: 161, 161, 161;
    --hr-gray-6-active: #999999; /* 3 (8 from origin) points darker */
    --hr-gray-6-active-rgb: 153, 153, 153;
    --hr-gray-6-active-border-color: #949494; /* 2 (10 from origin) points darker */
    --hr-gray-6-active-border-color-rgb: 148, 148, 148;
    --hr-gray-6-focus-shadow: #2E2E2E; /* 50 (from origin) points minus of saturation */
    --hr-gray-6-focus-shadow-rgb: 46, 46, 46;
    
    --hr-gray-7: #888888;
    --hr-gray-7-rgb: 136, 136, 136;
    --hr-gray-7-hover: #7A7A7A; /* 5 points darker */
    --hr-gray-7-hover-rgb: 122, 122, 122;
    --hr-gray-7-active: #737373; /* 3 (8 from origin) points darker */
    --hr-gray-7-active-rgb: 115, 115, 115;
    --hr-gray-7-active-border-color: #6E6E6E; /* 2 (10 from origin) points darker */
    --hr-gray-7-active-border-color-rgb: 110, 110, 110;
    --hr-gray-7-focus-shadow: #080808; /* 50 (from origin) points minus of saturation */
    --hr-gray-7-focus-shadow-rgb: 8, 8, 8;
    
    --hr-gray-8: #B9B9B9;
    --hr-gray-8-rgb: 185, 185, 185;
    --hr-gray-8-hover: #ADADAD; /* 5 points darker */
    --hr-gray-8-hover-rgb: 173, 173, 173;
    --hr-gray-8-active: #A6A6A6; /* 3 (8 from origin) points darker */
    --hr-gray-8-active-rgb: 166, 166, 166;
    --hr-gray-8-active-border-color: #A1A1A1; /* 2 (10 from origin) points darker */
    --hr-gray-8-active-border-color-rgb: 161, 161, 161;
    --hr-gray-8-focus-shadow: #3B3B3B; /* 50 (from origin) points minus of saturation */
    --hr-gray-8-focus-shadow-rgb: 59, 59, 59;
    
    --hr-gray-9: #ECECEC;
    --hr-gray-9-rgb: 236, 236, 236;
    --hr-gray-9-hover: #E0E0E0; /* 5 points darker */
    --hr-gray-9-hover-rgb: 224, 224, 224;
    --hr-gray-9-active: #D9D9D9; /* 3 (8 from origin) points darker */
    --hr-gray-9-active-rgb: 217, 217, 217;
    --hr-gray-9-active-border-color: #D4D4D4; /* 2 (10 from origin) points darker */
    --hr-gray-9-active-border-color-rgb: 212, 212, 212;
    --hr-gray-9-focus-shadow: #6E6E6E; /* 50 (from origin) points minus of saturation */
    --hr-gray-9-focus-shadow-rgb: 110, 110, 110;
    
    --hr-gray-10: #F3F3F3;
    --hr-gray-10-rgb: 243, 243, 243;
    --hr-gray-10-hover: #E6E6E6; /* 5 points darker */
    --hr-gray-10-hover-rgb: 230, 230, 230;
    --hr-gray-10-active: #DEDEDE; /* 3 (8 from origin) points darker */
    --hr-gray-10-active-rgb: 222, 222, 222;
    --hr-gray-10-active-border-color: #D9D9D9; /* 2 (10 from origin) points darker */
    --hr-gray-10-active-border-color-rgb: 217, 217, 217;
    --hr-gray-10-focus-shadow: #737373; /* 50 (from origin) points minus of saturation */
    --hr-gray-10-focus-shadow-rgb: 115, 115, 115;

    --hr-body-color: var(--hr-dark);
    --hr-body-color-rgb: var(--hr-dark-rgb);
    --hr-body-bg: var(--hr-white);
    --hr-border-width: 1px;
    --hr-border-width-form-control: 2px;
    --hr-border-radius: 1em;
    --hr-border-radius-card: .625rem;
    --hr-border-width-input-radio: 2px;
    --hr-border-radius-input-radio: .4em;
    
    --hr-border-color-translucent: rgba(0, 0, 0, 0.175);

    --hr-box-shadow-sm: 3px 3px 3px rgba(0, 0, 0, .16)!important;
    
    --hr-primary-bg-subtle: unset;
    --hr-accordion-btn-icon: unset;
    --hr-accordion-btn-icon-transform: var(--bs-accordion-btn-icon);
    --hr-accordion-btn-icon-width: 1.125rem;
    --hr-accordion-btn-icon-transform: rotate(90deg);
    --hr-accordion-btn-icon-color: var(--hr-gray-2);
    --hr-accordion-active-bg: unset;
    --hr-accordion-active-color: inherit;

    --hr-border-radius-lg: 1.25em;
}

@font-face {
  font-family: YaroRg;
  src: url(/font/yaro/YaroRg-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: YaroRg;
  src: url(/font/yaro/YaroRg.woff);
  font-weight: normal;
}
@font-face {
  font-family: YaroRg;
  src: url(/font/yaro/YaroRg-Thin.woff);
  font-weight: 100;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.btn-text {
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    color: inherit;
    display: inline-block;
}

.k-window-content {
    max-height: calc(100vh - 3.5rem - 63px);
}