/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/position.css ***!
  \****************************************************************************************************************************************************************************************************************/
.posR {
    position: relative;
}
.posA {
    position: absolute;
}
.posS {
    position: sticky;
}
.posF {
    position: fixed;
}
.dB {
    display: block;
}
.dIB {
    display: inline-block;
}
.dF {
    display: flex;
}
.dG {
    display: grid;
}
.dN {
    display: none;
}
.zi0 {
    z-index: 0;
}
.zi1 {
    z-index: 1;
}
.zi2 {
    z-index: 2;
}
.zi3 {
    z-index: 3;
}
.zi4 {
    z-index: 4;
}
.t0 {
    top: 0;
}
.b0 {
    bottom: 0;
}
.l0 {
    left: 0;
}
.r0 {
    right: 0;
}
.taL {
    text-align: left;
}
.taC {
    text-align: center;
}
.taR {
    text-align: right;
}
.taJ {
    text-align: justify;
}

.Acenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}

.AVcenter {
    position: absolute;
    top: 0;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}


/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/button.css ***!
  \**************************************************************************************************************************************************************************************************************/
button{
    padding: 8px 12px;
    color: white;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

button.submit{
    background-color: var(--green);
    border: 1px solid var(--darkgreen);
}

button.submit:hover{
    background-color: var(--darkgreen);
}

button.lightblue{
    background-color: var(--lightblue);
    border: 1px solid var(--blue);
}

button.lightblue:hover{
    background-color: var(--blue);
}

button.blue{
    background-color: var(--blue);
    border: 1px solid var(--darkblue);
}

button.blue:hover{
    background-color: var(--darkblue);
}

button.red{
    background-color: var(--red);
    border: 1px solid var(--darkred);
}

button.red:hover{
    background-color: var(--darkred);
}

button.orange{
    background-color: var(--orange);
    border: 1px solid var(--darkorange);
}

button.orange:hover{
    background-color: var(--darkorange);
}

button.plain{
    color: black;
    background-color: var(--light);
    border: 1px solid var(--light2);
}

button.plain:hover{
    background-color: var(--light2);
}


button.flat{
    border-radius: 0;
    border: none;
}

.button{
    padding: 8px 12px;
    color: black;
    background-color: rgb(231, 231, 231);
    border-radius: 3px;
    font-size: 14px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/border.css ***!
  \**************************************************************************************************************************************************************************************************************/
.bor{ border: 1px solid; }
.borT{ border-top: 1px solid; }
.borB{ border-bottom: 1px solid; }
.borL{ border-left: 1px solid; }
.borR{ border-right: 1px solid; }

.bor, .borT, .borB, .borL, .borR{
    border-color: var(--light);
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/font.css ***!
  \************************************************************************************************************************************************************************************************************/
h1,
h2,
h3,
h4,
p,
label,
a,
li,
input,
textarea,
button,
select,
th,
td {
    font-family: var(--font);
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
}

h1 {
    color: var(--dark);
    font-size: 24px;
    font-weight: 500;
}

h3 {
    color: var(--dark2);
    font-size: 18px;
    font-weight: 500;
}

p {
    color: var(--dark);
    font-size: 14px;
}

p.back {
    color: var(--dark2);
    font-size: 12px;
}

a {
    display: block;
    text-decoration: none;
    color: var(--darkblue);
    cursor: pointer;
}

a:not(.button):hover {
    color: var(--blue);
}

label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    color: var(--dark);
    font-weight: 700;
    cursor: pointer;
}

label.slim {
    font-weight: 400;
}

b,
strong {
    font-weight: 700;
}

.message {
    color: var(--dark3);
    font-size: 14px;
}

.legend {
    color: var(--dark);
    font-size: 21px;
}

.fs7 {
    font-size: 7px;
}

.fcDark {
    color: var(--dark);
}
.fcDark2 {
    color: var(--dark2);
}
.fcDark3 {
    color: var(--dark3);
}
.fcRed {
    color: var(--red);
}
.fcBlue {
    color: var(--blue) !important;
}

.taC {
    text-align: center;
}

.fstB {
    font-weight: bold;
}


/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/spacing.css ***!
  \***************************************************************************************************************************************************************************************************************/
.oxA{ overflow-x: auto; }
.oyA{ overflow-y: auto; }

.m10{ margin: 1rem; }
.mt2{ margin: 0.2rem; }
.mt5{ margin-top: 0.5rem; }
.mt10{ margin-top: 1rem; }
.mt15{ margin-top: 1.5rem; }
.mt20{ margin-top: 2rem; }
.mb15{ margin-bottom: 1.5rem; }

.p5{ padding: 0.5rem; }
.p10{ padding: 1rem; }
.ptb10{ padding-top: 1rem; padding-bottom: 1rem; }
.ptb15{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
.plr5{ padding-left: 0.5rem; padding-right: 0.5rem; }
.plr10{ padding-left: 1rem; padding-right: 1rem; }
.plr15{ padding-left: 1.5rem; padding-right: 1.5rem; }
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/size.css ***!
  \************************************************************************************************************************************************************************************************************/
.hF{ height:-moz-fit-content; height:fit-content; }
.h500{ height: 50rem; }

.w100p{ width: 100%; }
.minw50{ width: 5rem; }
.minw100{ min-width: 10rem; }
.maxw100{ max-width: 10rem; }
.maxw200{ max-width: 20rem; }

.w100{ width: 10rem; }
.w120{ width: 12rem; }
.w150{ width: 15rem; }
.w200{ width: 20rem; }
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/input.css ***!
  \*************************************************************************************************************************************************************************************************************/
input[type="text"], input[type="password"], input[type="number"], textarea{
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--light3);
    font-size: 14px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus{
    border-color: var(--darkblue);
    outline-style: none;
}

input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, textarea:disabled{
    background-color: var(--light2);
}

input[type="file"]{
    width: 100%;
    padding: 6px 12px;
    border: 1px solid var(--light3);
    font-size: 14px;
}

textarea{
    resize: none;
}

select{
    height: 34px;
    border-radius: 5px;
    border: 1px solid var(--light3);
    font-size: 14px;
    color: var(--dark2);
}

select:focus{
    border-color: var(--darkblue);
    outline-style: none;
}

select.small{
    height: 30px;
    font-size: 12px;
}

select:disabled{
    background-color: var(--light2);
}

input[type="checkbox"]{
    margin-right: 0.5rem;
    cursor: pointer;
}

input[type="text"].invalid, input[type="password"].invalid, input[type="number"].invalid, textarea.invalid, select.invalid{
    border: 1px solid var(--red);
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/flex.css ***!
  \************************************************************************************************************************************************************************************************************/
.ffC {
    flex-flow: column;
}
.fwT {
    flex-wrap: wrap;
}

.aiC {
    align-items: center;
}
.aiS {
    align-items: stretch;
}
.aiFS {
    align-items: flex-start;
}
.aiFE {
    align-items: flex-end;
}

.jcC {
    justify-content: center;
}
.jcFE {
    justify-content: flex-end;
}
.jcSA {
    justify-content: space-around;
}
.jcSB {
    justify-content: space-between;
}
.jcSE {
    justify-content: space-evenly;
}

.f1 {
    flex: 1;
}
.f2 {
    flex: 2;
}

.fsF {
    flex-shrink: 0;
}
.fsT {
    flex-shrink: 1;
}

.cg2 {
    column-gap: 0.2rem;
}
.cg5 {
    column-gap: 0.5rem;
}
.cg10 {
    column-gap: 1rem;
}
.cg20 {
    column-gap: 2rem;
}
.cg30 {
    column-gap: 3rem;
}
.rg5 {
    row-gap: 0.5rem;
}
.rg10 {
    row-gap: 1rem;
}
.rg15 {
    row-gap: 1.5rem;
}
.rg20 {
    row-gap: 2rem;
}
.g5 {
    gap: 0.5rem;
}
.g10 {
    gap: 1rem;
}
.g20 {
    gap: 2rem;
}

.gtr0 {
    grid-template-rows: 0fr !important;
}

.gtc11 {
    grid-template-columns: repeat(2, 1fr);
}


/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/page.css ***!
  \************************************************************************************************************************************************************************************************************/
.title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.indicator{
    color: var(--dark3);
    font-size: 15px;
    font-weight: 300;
}

.identifier{
    color: var(--dark3);
    font-size: 15px;
}

.container{
    position: relative;
    width: 100%;
    margin-top: 1rem;
    background-color: white;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
}

.dropdown{
    display: none;
    position: absolute;
    top: 100%;
    min-width: 10rem;
    padding: 0.5rem 0;
    background-color: white;
    border: 1px solid var(--light2);
    border-radius: 3px;
    z-index: 1;
}

.dropdown>div, .dropdown>a{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0.2rem 0;
    border-radius: 3px;
    cursor: pointer;
}

.dropdown>div:hover, .dropdown>a:hover{
    background-color: rgba(0,0,0,0.1)
}

.dropdown>div p, .dropdown>a p{
    color: var(--dark3);
}

.dropdown>div:hover p{
    color: var(--dark);
}

.buttons{
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid var(--light3);
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/table.css ***!
  \*************************************************************************************************************************************************************************************************************/
table{
    width:100%;
    border-spacing: 0;
    /* table-layout: fixed; */
}

table th, table td{
    padding: 0.5rem;
    color: var(--dark);
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: top;
}

table th{
    text-align: start;
}

table tr:nth-child(1) th{
    border-bottom: 2px solid var(--dark);
}

table tr:nth-child(even) td{
    background-color: var(--light);
}

table tr:not(#sum):not(#percentage) td{
    border-bottom: 1px solid var(--dark);
}

table tbody:not(:last-child) tr:last-child td{
    border-bottom: 2px solid var(--dark);
}

.pagemenu{
    display: flex;
    align-items: center;
}

.pagemenu a{
    padding: 0.4rem 0.8rem;
    background-color: var(--light);
    border: 1px solid var(--light2);
    color: var(--dark3);
}

.pagemenu a:first-child{
    border-radius: 3px 0 0 3px;
}

.pagemenu a:last-child{
    border-radius: 0 3px 3px 0;
}

.pagemenu a:hover{
    background-color: var(--light2);
    border-color: var(--dark3);
    color: var(--dark2);
}

.pagemenu a.active{
    background-color: var(--darkblue);
    border-color: var(--darkblue);
    color: var(--light);
    pointer-events: none;
}

.pagemenu a.disabled{
    pointer-events: none;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/overlay.css ***!
  \***************************************************************************************************************************************************************************************************************/
#overlay{
    border-radius: 3px;
    background-color: white;
}

#overlay-title{
    padding: 1.5rem 1rem;
}

#overlay-title h3{
    font-weight: 700;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/form.css ***!
  \************************************************************************************************************************************************************************************************************/
label i{
    margin-left: 0.5rem;
    color: var(--red);
}

.success, .error{
    display: flex;
    flex-flow: column;
    row-gap: 0.5rem;
    padding: 1rem;
    border-radius: 3px;
}

.success{
    background-color: var(--darkgreen);
}

.error{
    background-color: var(--red);
}

.success>div, .error>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.success>div>div, .error>div>div{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.success>div>div>i, .success p, .error>div>div>i, .error p{
    color: white;
}

.success>div>div>p, .error>div>div>p{
    font-weight: bold;
    font-size: 1.1rem;
}

.success>div>div>i, .error>div>div>i{
    font-size: 1.2rem;
}

.success>div>i, .error>div>i{
    color: rgb(0,0,0,0.2);
    cursor: pointer;
}

.success>div>i:hover, .error>div>i:hover{
    color: var(--dark3);
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/style/ng-select.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.ng-select{
    border: 1px solid var(--light3);
}

.ng-select.invalid{
    border: 1px solid var(--red);
}

.ng-select:focus-within{
    border-color: var(--darkblue);
    outline-style: none;
}

.ng-select .ng-placeholder{
    color: var(--dark3);
}

.ng-select, .ng-dropdown-panel{
    font-family: var(--font);
    font-size: 14px;
    /* font-size: 1rem; */
}

.ng-select .ng-dropdown-panel, .ng-dropdown-panel{
    background-color: white;
    border: 1px solid var(--light3);
}

.ng-select .ng-optgroup, .ng-dropdown-panel .ng-optgroup{
    padding: 0.1rem;
    font-weight: bold;
}

.ng-select .ng-option, .ng-dropdown-panel .ng-option{
    padding: 0.1rem 0.1rem 0.1rem 0.5rem;
}

.ng-select .ng-option.ng-option-selected, .ng-dropdown-panel .ng-option.ng-option-selected{
    background-color: var(--dark3);
    color: var(--light);
}

.ng-select .ng-option.ng-option-marked, .ng-dropdown-panel .ng-option.ng-option-marked{
    background-color: var(--light3);
    color: var(--dark3);
}

.ng-select .ng-select-container .ng-value-container .ng-value{
    position: absolute;
    bottom: 0;
    padding: 8px 0;
}

.ng-select .ng-select-container{
    display: block;
    padding: 8px 12px;
}

.ng-select-disabled .ng-select-container{
    background-color: var(--light2);
}

.ng-select .ng-select-container .ng-value-container .ng-input{
    padding-left: 12px;
}

.ng-select .ng-select-container .ng-value-container .ng-input, .ng-select .ng-select-container .ng-value-container .ng-input>input[type=text]{
    cursor: text;
}

.ng-select-disabled .ng-select-container .ng-value-container .ng-input, .ng-select-disabled .ng-select-container .ng-value-container .ng-input>input[type=text]{
    cursor: default;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
:root{
    --font: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    --dark: rgb(51, 51, 51);
    --dark2: rgb(68, 68, 68);
    --dark3: rgb(102, 102, 102);
    --light: rgb(244, 244, 244);
    --light2: rgb(221, 221, 221);
    --light3: rgb(210, 214, 222);
    --light4: rgba(0, 0, 0, 0.1);
    --green: rgb(0, 166, 90);
    --darkgreen: rgb(0, 141, 76);
    --lightblue: rgb(0, 192, 239);
    --blue: rgb(60, 141, 188);
    --darkblue: rgb(54, 127, 169);
    --red: rgb(221, 75, 57);
    --darkred: rgb(215, 57, 37);
    --orange: rgb(243, 156, 18);
    --darkorange: rgb(224, 142, 11);
}

body{
    display: flex;
    flex-flow: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    background-color: rgb(236, 240, 245);
}

*{
    box-sizing: border-box;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Regular.otf') format("opentype");
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Bold.otf') format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Light.otf') format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: 'NotoSansSC';
    src: url('NotoSansSC-Regular.otf') format("opentype");
}

@font-face {
    font-family: 'NotoSansSC';
    src: url('NotoSansSC-Bold.otf') format("opentype");
    font-weight: bold;
}

/*# sourceMappingURL=styles.css.map*/