/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./node_modules/bootstrap/dist/css/bootstrap-grid.min.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap Grid v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/theming.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong, .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}

.mat-small, .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.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: transparent;
  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: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.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;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #004a91;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #004a91;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #b32222;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #004a91;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #004a91;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #b32222;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: #004a91;
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #004a91;
  color: white;
}

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #b32222;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #004a91;
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #004a91;
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #b32222;
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #004a91;
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #004a91;
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #b32222;
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #004a91;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #004a91;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #b32222;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #004a91;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #004a91;
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #b32222;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #004a91;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #004a91;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #b32222;
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #004a91;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #b32222;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #004a91;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(0, 74, 145, 0.2);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 74, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(0, 74, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: #004a91;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 74, 145, 0.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 74, 145, 0.3);
}

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(0, 74, 145, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 74, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(0, 74, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #004a91;
  color: white;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 74, 145, 0.4);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 74, 145, 0.3);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(179, 34, 34, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(179, 34, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(179, 34, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #b32222;
  color: white;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(179, 34, 34, 0.4);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(179, 34, 34, 0.3);
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: #004a91;
}

.mat-datepicker-toggle-active.mat-accent {
  color: #004a91;
}

.mat-datepicker-toggle-active.mat-warn {
  color: #b32222;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #004a91;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #004a91;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #b32222;
}

.mat-focused .mat-form-field-required-marker {
  color: #004a91;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #004a91;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #004a91;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #b32222;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #004a91;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #004a91;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #b32222;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #b32222;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #b32222;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #b32222;
}

.mat-error {
  color: #b32222;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #004a91;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #004a91;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #b32222;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #b32222;
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-icon.mat-primary {
  color: #004a91;
}

.mat-icon.mat-accent {
  color: #004a91;
}

.mat-icon.mat-warn {
  color: #b32222;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #004a91;
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #004a91;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #b32222;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #b32222;
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-item-disabled {
  background-color: #eeeeee;
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-progress-bar-background {
  fill: #bccee0;
}

.mat-progress-bar-buffer {
  background-color: #bccee0;
}

.mat-progress-bar-fill::after {
  background-color: #004a91;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #bccee0;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #bccee0;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #004a91;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #e8c4c4;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #e8c4c4;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #b32222;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #004a91;
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #004a91;
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #b32222;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #004a91;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #004a91;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #004a91;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #004a91;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #b32222;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #b32222;
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #004a91;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #004a91;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #b32222;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #b32222;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #004a91;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 74, 145, 0.54);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #004a91;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #004a91;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 74, 145, 0.54);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #004a91;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #b32222;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(179, 34, 34, 0.54);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #b32222;
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #004a91;
}

.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 74, 145, 0.2);
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #004a91;
}

.mat-accent .mat-slider-thumb-label-text {
  color: white;
}

.mat-accent .mat-slider-focus-ring {
  background-color: rgba(0, 74, 145, 0.2);
}

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #b32222;
}

.mat-warn .mat-slider-thumb-label-text {
  color: white;
}

.mat-warn .mat-slider-focus-ring {
  background-color: rgba(179, 34, 34, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #004a91;
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #004a91;
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #b32222;
  color: white;
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #b32222;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #b32222;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(204, 219, 233, 0.3);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #004a91;
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(204, 219, 233, 0.3);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #004a91;
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(240, 211, 211, 0.3);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #b32222;
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(204, 219, 233, 0.3);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #004a91;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(204, 219, 233, 0.3);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #004a91;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(240, 211, 211, 0.3);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #b32222;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  background: #004a91;
  color: white;
}

.mat-toolbar.mat-accent {
  background: #004a91;
  color: white;
}

.mat-toolbar.mat-warn {
  background: #b32222;
  color: white;
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-simple-snackbar-action {
  color: #004a91;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./src/styles.css ***!
  \********************************************************************************************************************************************************************************************************/
@charset "utf-8";

/* Keep yellow CTA buttons on the accent palette, even after shared blue button rules. */

@media (max-width: 680px) {
  .hero {
    min-height: 430px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media (max-width: 900px) {
  .filter-bar {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
}

/* Premium sky landing refresh: visual-only overrides, preserving existing bindings and actions. */

@media (max-width: 768px) {

  .landing-home-btn {
    min-height: 40px;
    padding: 0 14px 0 9px;
    margin-bottom: 8px;
    grid-gap: 10px;
    gap: 10px;
  }

}

@media (max-width: 420px) {

  .glance-grid,
  .quick-access-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {

  .hero {
    min-height: 300px;
  }
}

@media (max-width: 900px) {
  .hero {
    min-height: 330px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (max-width: 1100px) {
  .urgent-dashboard-banners {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1280px) {
  .urgent-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1500px) {
  .urgent-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

/* Landing page responsive polish */

@media (max-width: 600px) {

  .hero-inner h1 {
    font-size: 1.8rem;
  }
}

@media (max-width: 420px) {

  .hero-btns .btn-yellow,
  .hero-btns .btn-ghost {
    padding: 10px 12px;
    font-size: 12.5px;
  }
}

@media (max-width: 680px) {
  .hero-btns {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
  }
}

@media (max-width: 480px) {

  .btn-yellow span {
    display: none;
  }
}

@media (max-width: 500px) {

  .glance-grid,
  .quick-access-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {

  .urgent-dashboard-banner {
    flex-direction: column;
  }
}

@media (max-width: 1024px) {

  .urgent-dashboard-banners,
  .urgent-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .hero-benefit-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .hero-benefit-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 10px;
  }
}

/* Sky theme landing page styles moved out of landing-page.css. */

@media (max-width: 420px) {
  .navbar {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (max-width: 768px) {
  .navbar {
    min-height: 58px;
    height: auto;
    flex-wrap: nowrap;
    grid-gap: 8px;
    gap: 8px;
    padding: 8px 1rem;
  }
}

@media (max-width: 768px) {
  .landing-quick-action {
    display: none;
  }
}

@media (max-width: 680px) {

  .navbar,
  .filter-bar,
  .page-body,
  .hero {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 600px) {
  .navbar {
    height: auto;
    padding: 10px 1.5rem;
  }
}

@media (max-width: 520px) {
  .navbar {
    padding: 8px 0.85rem;
    grid-gap: 6px;
    gap: 6px;
  }
}

@media (max-width: 420px) {
  .navbar {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (max-width: 768px) {
  .navbar {
    min-height: 58px;
    grid-gap: 8px;
    gap: 8px;
    flex-wrap: nowrap;
  }
}

@media (max-width: 480px) {
  .nav-logo span {
    display: inline-flex;
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 1100px) {
  .nav-links {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--theme-primary);
    padding: 1rem;
    z-index: 300;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    border-top: 1px solid color-mix(in srgb, var(--theme-text-inverse) 10%, transparent);
    box-shadow: 0 10px 15px color-mix(in srgb, var(--theme-text) 20%, transparent);
  }
}

/* Responsive Navbar Strategy */

@media (max-width: 500px) {

  .footer-cols {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 768px) {

  .navbar,
  .filter-bar,
  .page-body,
  .urgent-dashboard-section,
  .footer,
  .hero {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Base Navbar Layout Improvements */

/* Sky theme nav and footer styles moved out of landing-page.css. */

/* Final shared premium toolbar for every listing page with filters */

.hero-inner h1.text-secondary {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 16px;
  color: var(--theme-accent);
}

.btn-track {
  background: var(--theme-urgent-track-text);
  color: var(--theme-accent-text);
  border: 1px solid color-mix(in srgb, var(--theme-urgent-track-text) 100%, transparent);
}

/* Shared landing page and popup shell */

/* Supplier-info filter row */

/* Prevent icons from covering native select labels */

.custom-select .mat-option,
.mat-select-panel.custom-select .mat-option {
  border-radius: 8px;
}

.filter-search-results,
.custom-select.mat-select-panel,
.mat-select-panel.custom-select {
  border-radius: 12px;
}

/* Keep original field order with softer individual controls */

/* Reference-style landing search bar */

/* Keep form action buttons the same rounded-square shape */

.cdk-overlay-container .mat-option.mat-option-disabled,
.cdk-overlay-container .mat-autocomplete-panel .mat-option.mat-option-disabled,
.custom-select .mat-option.mat-option-disabled,
.mat-select-panel.custom-select .mat-option.mat-option-disabled {
  opacity: 0.5;
}

.cdk-overlay-container .mat-option.mat-selected:not(.mat-option-disabled) .mat-pseudo-checkbox,
.cdk-overlay-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-option-disabled) .mat-pseudo-checkbox,
.custom-select .mat-option.mat-selected:not(.mat-option-disabled) .mat-pseudo-checkbox,
.mat-select-panel.custom-select .mat-option.mat-selected:not(.mat-option-disabled) .mat-pseudo-checkbox {
  border-color: currentColor;
  background: transparent;
}

.cdk-overlay-container .mat-option.mat-selected:not(.mat-option-disabled)::after,
.cdk-overlay-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-option-disabled)::after,
.custom-select .mat-option.mat-selected:not(.mat-option-disabled)::after,
.mat-select-panel.custom-select .mat-option.mat-selected:not(.mat-option-disabled)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 7px;
  height: 12px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-62%) rotate(45deg);
  opacity: 0.95;
}

.cdk-overlay-container .mat-option.mat-selected:not(.mat-option-disabled),
.cdk-overlay-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-option-disabled),
.custom-select .mat-option.mat-selected:not(.mat-option-disabled),
.mat-select-panel.custom-select .mat-option.mat-selected:not(.mat-option-disabled) {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary) 96%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary-2) 88%, transparent) 100%);
  color: var(--theme-text-inverse);
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-primary) 16%, transparent);
}

.cdk-overlay-container .mat-option:hover:not(.mat-option-disabled),
.cdk-overlay-container .mat-option.mat-active:not(.mat-option-disabled),
.cdk-overlay-container .mat-autocomplete-panel .mat-option:hover:not(.mat-option-disabled),
.cdk-overlay-container .mat-autocomplete-panel .mat-option.mat-active:not(.mat-option-disabled),
.custom-select .mat-option:hover:not(.mat-option-disabled),
.custom-select .mat-option.mat-active:not(.mat-option-disabled),
.mat-select-panel.custom-select .mat-option:hover:not(.mat-option-disabled),
.mat-select-panel.custom-select .mat-option.mat-active:not(.mat-option-disabled) {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary-soft-2) 10%, var(--theme-white)) 0%,
      color-mix(in srgb, var(--theme-surface-highlight) 70%, var(--theme-white)) 100%);
  color: var(--theme-primary);
}

.cdk-overlay-container .mat-option .mat-option-text,
.cdk-overlay-container .mat-autocomplete-panel .mat-option .mat-option-text,
.custom-select .mat-option .mat-option-text,
.mat-select-panel.custom-select .mat-option .mat-option-text {
  display: block;
  white-space: normal;
  line-height: 1.35;
}

.cdk-overlay-container .mat-option,
.cdk-overlay-container .mat-autocomplete-panel .mat-option,
.custom-select .mat-option,
.mat-select-panel.custom-select .mat-option {
  position: relative;
  min-height: 42px;
  height: auto;
  margin: 2px 0;
  padding: 10px 14px;
  border-radius: 12px;
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.cdk-overlay-container .mat-select-panel::-webkit-scrollbar-thumb,
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--theme-primary-2) 0%, var(--theme-primary) 100%);
  border: 2px solid color-mix(in srgb, var(--theme-surface-soft) 88%, var(--theme-white));
  border-radius: 999px;
}

.cdk-overlay-container .mat-select-panel::-webkit-scrollbar-track,
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--theme-surface-soft) 88%, var(--theme-white));
  border-radius: 999px;
}

.cdk-overlay-container .mat-select-panel::-webkit-scrollbar,
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar {
  width: 10px;
}

.cdk-overlay-container .mat-select-panel,
.cdk-overlay-container .mat-autocomplete-panel,
.custom-select.mat-select-panel,
.mat-select-panel.custom-select {
  margin-top: 8px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  border-radius: 16px;
  box-shadow:
    0 20px 44px color-mix(in srgb, var(--theme-primary) 18%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 92%, transparent);
}

/* Shared landing dropdown overlay polish */

.custom-select .mat-option:hover,
.custom-select .mat-option.mat-active,
.custom-select .mat-option.mat-selected:not(.mat-option-disabled),
.mat-select-panel.custom-select .mat-option:hover,
.mat-select-panel.custom-select .mat-option.mat-active,
.mat-select-panel.custom-select .mat-option.mat-selected:not(.mat-option-disabled) {
  background: color-mix(in srgb, var(--theme-primary-2) 11%, var(--theme-white));
  color: var(--theme-primary);
}

.custom-select .mat-option,
.mat-select-panel.custom-select .mat-option {
  height: 38px;
  border-radius: 10px;
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}

.custom-select.mat-select-panel,
.mat-select-panel.custom-select {
  border-radius: 14px;
  padding: 6px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border-2));
  box-shadow: 0 18px 42px color-mix(in srgb, var(--theme-primary) 20%, transparent);
}

/* Shared landing filter polish */

select:disabled,
 .mat-select-disabled,
 .mat-option-disabled {
   cursor: default;
 }

select:not(:disabled),
 select:not(:disabled) option,
 .mat-select:not(.mat-select-disabled),
 .mat-select:not(.mat-select-disabled) .mat-select-trigger,
 .mat-option:not(.mat-option-disabled) {
   cursor: pointer;
 }

.body.theme-new {
    --theme-primary: #015498;
    --theme-primary-2: #0270c9;
    --theme-accent: #f9b916;
    --theme-accent-hover: #d99b00;
    --theme-accent-text: #102a43;
    --theme-primary-soft: #014579;
    --theme-primary-soft-2: #0184dc;
    --theme-surface-bg: #eef4fb;
    --theme-surface-hero-overlay: rgba(1, 84, 152, 0.82);
    --theme-surface-hero-overlay-2: rgba(1, 132, 220, 0.36);
    --theme-link-soft: #9dd8ff;
    --theme-danger: #e56f61;
    --theme-danger-soft: #ef8b7d;
    --theme-success: #49b784;
    --theme-info: #6aa8ff;
    --theme-text-dark: #13263d;
    --theme-accent-weak: rgba(249, 185, 22, 0.16);
    --theme-primary-soft-weak: rgba(1, 84, 152, 0.18);
    --theme-primary-soft-grad-1: rgba(1, 84, 152, 0.12);
    --theme-primary-soft-grad-2: rgba(1, 132, 220, 0.12);
    --theme-text: #1b2d46;
    --theme-text-muted: #61748e;
    --theme-text-soft: #3d536d;
    --theme-text-inverse: #ffffff;
    --theme-text-subtle: #8fa0b6;
    --theme-surface: #ffffff;
    --theme-surface-soft: #f5f8fd;
    --theme-surface-soft-2: #fff8e1;
    --theme-surface-highlight: #e4f2fc;
    --theme-surface-border: #cbddeb;
    --theme-surface-border-2: #dce9f2;
    --theme-surface-border-3: #ebf4f9;
    --theme-nav-link: rgba(255, 255, 255, 0.86);
    --theme-overlay-white-12: rgba(255, 255, 255, 0.12);
    --theme-overlay-white-20: rgba(255, 255, 255, 0.22);
    --theme-overlay-white-45: rgba(255, 255, 255, 0.48);
    --theme-filter-bg-start: #dceefa;
    --theme-filter-bg-end: #c6e1f4;
    --theme-badge-info-bg: #e3f2fc;
    --theme-badge-info-text: #015498;
    --theme-badge-success-bg: #e4f5ec;
    --theme-badge-success-text: #21724e;
    --theme-badge-warning-bg: #fff4cf;
    --theme-badge-warning-text: #9a6800;
    --theme-urgent-icon-bg: #014579;
    --theme-urgent-main-bg: #013864;
    --theme-urgent-feature-icon: #d7e6ff;
    --theme-urgent-track-text: #dbe7f8;
    --theme-footer-overlay: rgba(1, 84, 152, 0.88);
    --theme-footer-overlay-soft: rgba(1, 84, 152, 0.76);
    --theme-footer-overlay-end: rgba(2, 112, 201, 0.46);
    --theme-scrollbar-start: #015498;
    --theme-scrollbar-end: #0184dc;
    --theme-scrollbar-track: #edf3fa;
    --theme-white: #ffffff;
.filter-bar {
  grid-gap: 10px;
  gap: 10px;
  align-items: stretch;
  padding-top: 12px;
  padding-bottom: 12px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-filter-bg-start) 72%, var(--theme-white)) 0%,
      color-mix(in srgb, var(--theme-surface) 92%, var(--theme-filter-bg-end)) 52%,
      color-mix(in srgb, var(--theme-filter-bg-end) 76%, var(--theme-white)) 100%);
  border-bottom: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  box-shadow:
    0 12px 28px color-mix(in srgb, var(--theme-primary) 10%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 70%, transparent);
}

.filter-bar select,
.filter-bar input,
.search-location-select {
  height: 42px;
  min-height: 42px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 14%, var(--theme-surface-border));
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--theme-white) 94%, var(--theme-surface-soft));
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--theme-primary) 6%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 82%, transparent);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.filter-bar select,
.search-location-select {
  padding: 0 40px 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--theme-text-muted) 50%),
    linear-gradient(135deg, var(--theme-text-muted) 50%, transparent 50%);
  background-position:
    calc(100% - 19px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px);
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
}



.filter-bar select:hover,
.filter-bar input:hover,
.search-location-select:hover {
  border-color: color-mix(in srgb, var(--theme-primary) 32%, var(--theme-surface-border));
  background-color: var(--theme-white);
  transform: translateY(-1px);
}

.filter-bar select:focus,
.filter-bar input:focus,
.search-location-select:focus {
  border-color: color-mix(in srgb, var(--theme-primary-2) 76%, var(--theme-accent));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-primary-2) 12%, transparent),
    0 12px 24px color-mix(in srgb, var(--theme-primary) 10%, transparent);
}

.filter-bar option {
  color: var(--theme-text);
  background: var(--theme-white);
  font-weight: 500;
}

.filter-bar .btn-search {
  height: 42px;
  min-height: 42px;
  border-radius: 999px;
  padding: 0 22px;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-2) 100%);
  color: var(--theme-text-inverse);
  font-weight: 800;
  box-shadow: 0 10px 20px color-mix(in srgb, var(--theme-primary) 18%, transparent);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.filter-bar .btn-search:hover {
  transform: translateY(-1px);
  filter: saturate(1.08);
  box-shadow: 0 14px 26px color-mix(in srgb, var(--theme-primary) 22%, transparent);
}

.content-top.with-filters {
  display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(360px, auto);
    align-items: center;
    grid-gap: 18px 24px;
    gap: 18px 24px;
    padding: 16px 24px;
    min-height: 74px;
  margin-bottom: 14px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  border-radius: 18px;
  background:
    linear-gradient(180deg,
        color-mix(in srgb, var(--theme-white) 98%, var(--theme-surface-soft)) 0%,
        color-mix(in srgb, var(--theme-surface-soft) 72%, var(--theme-white)) 100%);
      box-shadow:
        0 12px 30px color-mix(in srgb, var(--theme-primary) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--theme-white) 90%, transparent);
    }

    .content-top.with-filters .header-left {
      display: flex;
      flex: 1 1 auto;
      min-width: 0;
      align-items: center;
      grid-gap: 18px;
      gap: 18px;
    }

    .content-top.with-filters .header-left .landing-home-btn {
      margin-bottom: 0;
      flex: 0 0 auto;
    }

    .content-top.with-filters .landing-page-title,
.content-top.with-filters .header-left h3 {
      min-width: 0;
    }

    .content-top.with-filters .landing-page-title {
      display: flex;
      align-items: center;
      min-height: 46px;
    }

    .content-top.with-filters .landing-page-title h3,
.content-top.with-filters .header-left h3 {
      margin: 0;
      padding-left: 14px;
      border-left: 3px solid var(--theme-accent);
      color: var(--theme-primary);
      font-size: clamp(1.45rem, 1.12rem + 0.62vw, 1.9rem);
      font-weight: 900;
      letter-spacing: 0;
      line-height: 1.1;
}

.content-top.with-filters .right {
  display: grid;
    grid-template-columns: repeat(2, minmax(180px, 220px)) auto;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.content-top.with-filters .right .mat-form-field.form-group {
  margin-bottom: 0;
  min-width: 0;
    width: 100%;
    max-width: none;
  }

  .content-top.with-filters .right .date-range-field {
    width: 270px;
    max-width: 270px;
}

.content-top.with-filters .right .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.content-top.with-filters .right .mat-form-field-appearance-outline .mat-form-field-flex {
  min-height: 44px;
  border-radius: 999px;
  padding: 0 16px;
    align-items: center;
    background: color-mix(in srgb, var(--theme-white) 97%, var(--theme-surface-soft));
    border: 1px solid color-mix(in srgb, var(--theme-primary) 14%, var(--theme-surface-border));
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--theme-primary) 5%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 82%, transparent);
}

.content-top.with-filters .right .mat-form-field-appearance-outline .mat-form-field-outline {
  display: none;
}

.content-top.with-filters .right .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex {
  border-color: color-mix(in srgb, var(--theme-primary-2) 76%, var(--theme-accent));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-primary-2) 12%, transparent),
    0 12px 24px color-mix(in srgb, var(--theme-primary) 10%, transparent);
}

.content-top.with-filters .right .mat-form-field-infix {
  width: auto;
  min-width: 0;
  padding: 0.7em 0 0.78em;
  border-top: 0;
}

.content-top.with-filters .right .mat-form-field-suffix,
.content-top.with-filters .right .mat-form-field-prefix {
  top: 0;
}

.content-top.with-filters .right .mat-select-trigger {
  height: 44px;
  align-items: center;
}

.content-top.with-filters .right input.mat-input-element,
.content-top.with-filters .right .mat-select-value {
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}

.content-top.with-filters .right .mat-select-arrow {
  color: var(--theme-text-muted);
}

.content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
  height: 44px;
    min-height: 44px;
    flex: 0 0 auto;
    white-space: nowrap;
  border-radius: 999px;
  padding-inline: 24px;
  }

  @media (max-width: 1180px) {
    .content-top.with-filters {
      grid-template-columns: 1fr;
      align-items: stretch;
      min-height: 0;
    }

    .content-top.with-filters .right {
      grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      justify-content: stretch;
    }

    .content-top.with-filters .right .mat-form-field.form-group,
.content-top.with-filters .right .date-range-field {
      width: auto;
      max-width: none;
    }
  }

  @media (max-width: 760px) {
    .content-top.with-filters {
      padding: 14px;
      border-radius: 14px;
    }

    .content-top.with-filters .header-left {
      grid-gap: 12px;
      gap: 12px;
    }

    .content-top.with-filters .right {
      grid-template-columns: 1fr;
    }

    .content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
      width: 100%;
    }
}
@media (max-width: 900px) {
  .filter-bar {
    align-items: stretch;
  }
}
.button-group .md-btn,
.button-group .default-btn,
.button-group .back-btn,
.button-group .cancel-btn,
.button-group .btn-secondary,
.po-actions .md-btn,
.po-actions .default-btn,
.po-actions .back-btn,
.po-actions .cancel-btn,
.po-actions .btn-secondary,
.settings-actions .md-btn,
.settings-actions .default-btn,
.settings-actions .back-btn,
.settings-actions .cancel-btn,
.settings-actions .btn-secondary {
  border-radius: 12px;
}
@media (max-width: 768px) {
  .content-top.with-filters {
    border-radius: 16px;
    padding: 12px;
    min-height: 0;
  }

                .content-top.with-filters .header-left,
.content-top.with-filters .right {
    width: 100%;
    min-width: 0;
    }

    .content-top.with-filters .right {
      grid-gap: 10px;
      gap: 10px;
      justify-content: stretch;
    }

    .content-top.with-filters .right .mat-form-field.form-group,
.content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
      width: 100%;
      min-width: 0;
      flex-basis: 100%;
  }
}
.filter-bar,
.landing-search-bar {
  align-items: center;
  grid-gap: 0;
  gap: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background: color-mix(in srgb, var(--theme-white) 94%, var(--theme-surface-soft));
  border-bottom: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  box-shadow:
    0 14px 32px color-mix(in srgb, var(--theme-primary) 12%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 80%, transparent);
}

.landing-search-bar {
  display: grid;
  grid-template-columns: minmax(150px, 0.8fr) minmax(150px, 0.85fr) minmax(150px, 0.85fr) minmax(260px, 1.7fr) minmax(190px, 1fr) auto;
}

.filter-bar select,
.filter-bar input,
.search-location-select {
  height: 46px;
  min-height: 46px;
  border-radius: 0;
  border-color: transparent;
  border-right: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  background-color: var(--theme-white);
  box-shadow: none;
  font-size: 12.5px;
}

.filter-bar select:first-child {
  border-radius: 8px 0 0 8px;
}

.filter-bar .landing-location-select {
  border-left: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
}

.filter-bar select:hover,
.filter-bar input:hover,
.search-location-select:hover {
  transform: none;
  background-color: color-mix(in srgb, var(--theme-primary) 3%, var(--theme-white));
}

.filter-bar select:focus,
.filter-bar input:focus,
.search-location-select:focus {
  position: relative;
  z-index: 2;
  border-color: color-mix(in srgb, var(--theme-primary-2) 45%, var(--theme-surface-border));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-primary-2) 45%, transparent);
}

.filter-product-search {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  height: 46px;
  background: var(--theme-white);
  border-right: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
}

.filter-product-search i {
  width: 42px;
  color: var(--theme-text-muted);
  font-size: 13px;
  text-align: center;
  flex: 0 0 42px;
}

.filter-product-search input {
  width: 100%;
  min-width: 0;
  padding: 0 14px 0 0;
  border: 0;
  color: var(--theme-text);
  font-weight: 600;
}

.filter-search-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 80;
  max-height: 280px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border-2));
  border-radius: 10px;
  background: var(--theme-white);
  box-shadow: 0 20px 44px color-mix(in srgb, var(--theme-primary) 20%, transparent);
}

.filter-search-results button {
  width: 100%;
  min-height: 48px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--theme-text);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 2px;
  gap: 2px;
  text-align: left;
}

.filter-search-results button:hover {
  background: color-mix(in srgb, var(--theme-primary-2) 9%, var(--theme-white));
}

.filter-search-results span {
  font-size: 13px;
  font-weight: 800;
}

.filter-search-results small {
  color: var(--theme-text-muted);
  font-size: 11px;
  font-weight: 600;
}

.filter-bar .btn-search {
  height: 46px;
  min-height: 46px;
  border-radius: 0 8px 8px 0;
  padding: 0 28px;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-soft) 100%);
  box-shadow: none;
}

.filter-bar .btn-search:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.04);
}

@media (max-width: 1180px) {
  .landing-search-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px;
    gap: 8px;
  }

  .filter-bar select,
.filter-bar input,
.filter-product-search,
.filter-bar .btn-search {
    border: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
    border-radius: 8px;
  }
}

@media (max-width: 680px) {
  .landing-search-bar {
    grid-template-columns: 1fr;
  }
}

.landing-search-bar {
  display: flex;
}

.landing-search-bar select {
  flex: 0 1 170px;
  min-width: 145px;
}

.landing-search-bar .filter-product-search {
  flex: 1 1 320px;
}

.landing-search-bar .landing-location-select {
  flex: 0 1 220px;
  min-width: 190px;
}

.landing-search-bar .btn-search {
  flex: 0 0 auto;
}

@media (max-width: 1180px) {
  .landing-search-bar {
    display: grid;
  }
}
.filter-bar,
.landing-search-bar {
  grid-gap: 8px;
  gap: 8px;
}

.filter-bar select,
.filter-bar input,
.filter-product-search,
.search-location-select {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  border-radius: 10px;
}

.filter-bar select:first-child,
.filter-bar .btn-search {
  border-radius: 10px;
}

.filter-product-search {
  overflow: visible;
}

.filter-bar .landing-location-select,
.search-location-select {
  padding-left: 44px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232680F8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"),
    linear-gradient(45deg, transparent 50%, var(--theme-text-muted) 50%),
    linear-gradient(135deg, var(--theme-text-muted) 50%, transparent 50%);
  background-position:
    15px center,
    calc(100% - 19px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px);
  background-repeat: no-repeat;
  background-size: 18px 18px, 5px 5px, 5px 5px;
}

.filter-select {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 180px;
  min-width: 180px;
  height: 48px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border-2));
  border-radius: 10px;
  background:
    linear-gradient(180deg,
      var(--theme-white) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 42%, var(--theme-white)) 100%);
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--theme-primary) 7%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 90%, transparent);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.filter-select:hover,
.filter-select:focus-within {
  border-color: color-mix(in srgb, var(--theme-primary-2) 42%, var(--theme-surface-border));
  background: var(--theme-white);
  box-shadow:
    0 12px 24px color-mix(in srgb, var(--theme-primary) 10%, transparent),
    0 0 0 3px color-mix(in srgb, var(--theme-primary-2) 8%, transparent);
}

.filter-select > i:not(.filter-chevron) {
  position: absolute;
  left: 12px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary-2) 14%, var(--theme-white)) 0%,
      color-mix(in srgb, var(--theme-primary) 8%, var(--theme-white)) 100%);
  color: var(--theme-primary-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  z-index: 2;
  pointer-events: none;
}

.filter-select--location > i:not(.filter-chevron) {
  background: linear-gradient(135deg, #dfeaff 0%, #cbdfff 100%);
  color: #0c56c5;
  font-size: 16px;
  box-shadow: inset 0 0 0 1px rgba(38, 128, 248, 0.16);
}

.filter-select--supplier > i:not(.filter-chevron) {
  color: #245aa2;
}

.filter-select select,
.filter-select .landing-location-select {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  padding: 0 42px 0 56px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  background-image: none;
  box-shadow: none;
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 800;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-overflow: ellipsis;
}

.filter-select select:hover,
.filter-select select:focus {
  background: transparent;
  box-shadow: none;
}

.filter-chevron {
  position: absolute;
  right: 15px;
  color: var(--theme-primary);
  font-size: 11px;
  z-index: 2;
  pointer-events: none;
}

.landing-search-bar .filter-select--location {
  flex-basis: 235px;
  min-width: 220px;
}

.landing-search-bar .filter-select--category,
.landing-search-bar .filter-select--supplier {
  flex-basis: 185px;
  min-width: 180px;
}

.landing-search-bar .filter-select--subcategory {
  flex-basis: 210px;
  min-width: 190px;
}

.filter-product-search {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border-2));
  background:
    linear-gradient(180deg,
      var(--theme-white) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 38%, var(--theme-white)) 100%);
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--theme-primary) 7%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 90%, transparent);
}

.filter-search-icon {
  width: 36px;
  height: 36px;
  margin-left: 6px;
  margin-right: 12px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-2) 100%);
  color: var(--theme-text-inverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  box-shadow: 0 8px 16px color-mix(in srgb, var(--theme-primary) 18%, transparent);
}

.filter-search-icon i {
  width: auto;
  height: auto;
  flex: none;
  color: inherit;
  font-size: 15px;
  text-align: center;
}

.filter-product-search input {
  padding-right: 18px;
  padding-left: 0;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .filter-select,
.landing-search-bar .filter-select--location {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.filter-select {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  grid-column-gap: 0;
  column-gap: 0;
  align-items: center;
  overflow: hidden;
}

.filter-select > i:not(.filter-chevron) {
  position: static;
  grid-column: 1;
  justify-self: center;
  z-index: 1;
}

.filter-select select,
.filter-select .landing-location-select {
  grid-column: 2;
  padding: 0 4px;
  min-width: 0;
  width: 100%;
}

.filter-chevron {
  position: static;
  grid-column: 3;
  justify-self: center;
  z-index: 1;
}
.filter-bar:not(.landing-search-bar) {
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--theme-filter-bg-start) 58%, var(--theme-white)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 72%, var(--theme-white)) 100%);
}

.filter-bar:not(.landing-search-bar) .filter-select {
  flex: 0 1 190px;
  min-width: 180px;
}

.filter-bar:not(.landing-search-bar) .filter-select--location {
  flex-basis: 220px;
  min-width: 210px;
}

.filter-bar:not(.landing-search-bar) .filter-select--subcategory {
  flex-basis: 220px;
  min-width: 205px;
}

.filter-bar:not(.landing-search-bar) .filter-select--supplier {
  flex-basis: 250px;
  min-width: 230px;
}

.filter-bar:not(.landing-search-bar) .filter-select select {
  font-size: 13px;
  font-weight: 800;
}

.filter-bar:not(.landing-search-bar) .btn-search {
  height: 48px;
  min-width: 112px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-soft) 100%);
  box-shadow: 0 10px 20px color-mix(in srgb, var(--theme-primary) 16%, transparent);
}

@media (max-width: 900px) {
  .filter-bar:not(.landing-search-bar) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .filter-bar:not(.landing-search-bar) .filter-select,
.filter-bar:not(.landing-search-bar) .btn-search {
    width: 100%;
    min-width: 0;
  }
}
.categories-container,
.page-content,
.service-content {
  position: relative;
  /* background:
    radial-gradient(circle at 84% 2%, color-mix(in srgb, var(--theme-primary-soft-2) 10%, transparent), transparent 22rem),
    linear-gradient(180deg, var(--theme-surface-soft) 0%, var(--theme-surface-highlight) 100%);
      */
}

.page-header,
.hero,
.service-hero {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--theme-white) 16%, transparent);
  box-shadow: 0 22px 48px color-mix(in srgb, var(--theme-primary) 18%, transparent);
}

.page-header::after,
.service-hero::after {
  content: "";
  position: absolute;
  inset: auto clamp(1rem, 4vw, 3rem) 22px;
  height: 1px;
  background: linear-gradient(90deg,
      var(--theme-primary-soft-2),
      color-mix(in srgb, var(--theme-white) 18%, transparent),
      transparent);
  pointer-events: none;
}

.categories-grid,
.suppliers-grid,
.info-cards,
.stats-grid,
.courses-grid {
  grid-gap: 18px;
  gap: 18px;
}

.category-card,
.supplier-card,
.info-card,
.stat-card,
.content-block,
.mission-block,
.service-panel,
.course-card,
.form-card {
  border: 1px solid color-mix(in srgb, var(--theme-surface-border-2) 90%, transparent);
  border-radius: 18px;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-white) 96%, var(--theme-surface-soft)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 84%, var(--theme-white)) 100%);
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--theme-primary) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 86%, transparent);
}

.category-card:hover,
.supplier-card:hover,
.info-card:hover,
.stat-card:hover,
.service-panel:hover,
.course-card:hover,
.form-card:hover {
  border-color: color-mix(in srgb, var(--theme-primary-soft-2) 38%, var(--theme-surface-border));
  box-shadow:
    0 22px 48px color-mix(in srgb, var(--theme-primary-soft-2) 12%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-primary-soft-2) 7%, transparent);
}

.card-icon,
.info-icon,
.service-icon,
.course-icon,
.stat-num,
.sup-emblem,
.signup-icon,
.track-icon,
.crew-icon,
.urgent-warning {
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-primary-soft-2) 18%, transparent);
}

.back-btn,
.search-icon,
.action-arrow,
.supplier-action-btn,
.btn-create,
.btn-urgent,
.btn-track,
.submit-btn,
.draft-btn,
.btn-primary {
  border-radius: 999px;
}
app-landing-page .btn-create,
app-landing-page .btn-vm,
app-landing-page .btn-urgent,
.btn-create,
.btn-vm,
.btn-urgent {
  border: 0;
  background: var(--theme-accent);
  color: var(--theme-accent-text);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--theme-primary) 20%, transparent);
}
.back-btn,
/* .search-icon, */
.supplier-action-btn,
.draft-btn,
.cancel-btn,
.btn-secondary,
.link-btn {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border));
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-white) 96%, var(--theme-surface-soft)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 76%, var(--theme-white)) 100%);
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--theme-primary) 9%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 86%, transparent);
}

.back-btn:hover,
.search-icon:hover,
.supplier-action-btn:hover,
.draft-btn:hover,
.cancel-btn:hover,
.btn-secondary:hover,
.link-btn:hover {
  border-color: color-mix(in srgb, var(--theme-primary-soft-2) 34%, var(--theme-surface-border));
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--theme-primary-soft-2) 12%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-primary-soft-2) 6%, transparent);
}

.company-signup-dialog,
.track-dialog,
.crew-dialog,
.urgent-dialog,
.maintenance-login-dialog .dialog-card {
  border: 1px solid color-mix(in srgb, var(--theme-surface-border-2) 92%, transparent);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--theme-primary-soft-2) 10%, transparent), transparent 15rem),
    linear-gradient(180deg, var(--theme-surface-soft) 0%, var(--theme-surface) 100%);
  box-shadow:
    0 28px 70px color-mix(in srgb, var(--theme-primary) 18%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 86%, transparent);
}

.signup-header,
.track-header,
.crew-header,
.urgent-header,
.dialog-head {
  position: relative;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary) 96%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary-2) 84%, transparent) 64%,
      color-mix(in srgb, var(--theme-primary-soft-2) 38%, transparent) 100%);
  border-bottom: 1px solid color-mix(in srgb, var(--theme-white) 14%, transparent);
}

.signup-header::before,
.track-header::before,
.crew-header::before,
.urgent-header::before,
.dialog-head::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--theme-white) 18%, transparent), transparent 30%);
  pointer-events: none;
}

.signup-body,
.track-body,
.crew-body,
.urgent-content,
.dialog-form {
  background: transparent;
}

.signup-footer,
.track-footer,
.crew-footer,
.urgent-footer {
  border-top: 1px solid color-mix(in srgb, var(--theme-primary) 9%, var(--theme-surface-border-2)) !important;
  }

.signup-grid .mat-form-field-appearance-outline .mat-form-field-flex,
.supplier-dropdown-field .mat-form-field-flex {
  border-radius: 14px;
  background: color-mix(in srgb, var(--theme-white) 94%, var(--theme-surface-soft));
  box-shadow:
    0 10px 20px color-mix(in srgb, var(--theme-primary) 6%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 88%, transparent);
}

.signup-grid .mat-form-field-appearance-outline .mat-form-field-outline,
.supplier-dropdown-field .mat-form-field-outline {
  color: color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border));
}

.track-body input,
.crew-dialog input,
.crew-dialog textarea,
.urgent-dialog input,
.urgent-dialog textarea,
.input-wrap,
.upload-box {
  border-radius: 14px;
}

.track-body input,
.crew-dialog input,
.crew-dialog textarea,
.urgent-dialog input,
.urgent-dialog textarea,
.input-wrap {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface-border));
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-white) 96%, var(--theme-surface-soft)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 76%, var(--theme-white)) 100%);
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--theme-primary) 6%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 88%, transparent);
}

.track-body input:focus,
.crew-dialog input:focus,
.crew-dialog textarea:focus,
.urgent-dialog input:focus,
.urgent-dialog textarea:focus,
.input-wrap:focus-within {
  border-color: color-mix(in srgb, var(--theme-primary-soft-2) 48%, var(--theme-surface-border));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-primary-soft-2) 10%, transparent),
    0 14px 28px color-mix(in srgb, var(--theme-primary) 8%, transparent);
}

.urgent-dialog .panel,
.crew-panel,
.progress-card,
.track-note,
.crew-note {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-border-2));
  border-radius: 18px;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-white) 95%, var(--theme-surface-soft)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 84%, var(--theme-white)) 100%);
  box-shadow:
    0 14px 30px color-mix(in srgb, var(--theme-primary) 7%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 84%, transparent);
}

@media (max-width: 900px) {

  .categories-container,
.page-content,
.service-content {
    /* padding-left: 1rem;
    padding-right: 1rem; */
  }

  .page-header,
.hero,
.service-hero {
    border-radius: 0 0 18px 18px;
  }
}
.landing-subpage-shell .landing-subpage-container .content-top.with-filters,
.content-top.with-filters {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(520px, 1.2fr);
  align-items: center;
  grid-gap: 18px 28px;
  gap: 18px 28px;
  width: 100%;
  min-height: 78px;
  margin: 0 0 16px;
  padding: 16px 22px;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 11%, var(--theme-surface-border-2));
  border-radius: 18px;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-white) 99%, var(--theme-surface-soft)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 74%, var(--theme-white)) 100%);
  box-shadow:
    0 14px 34px color-mix(in srgb, var(--theme-primary) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 92%, transparent);
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters::before,
.content-top.with-filters::before {
  display: none;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters {
  position: relative;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .header-left,
.content-top.with-filters .header-left {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  min-width: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .landing-home-btn,
.content-top.with-filters .landing-home-btn {
  flex: 0 0 auto;
  min-height: 44px;
  margin: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .landing-page-title,
.content-top.with-filters .landing-page-title {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  justify-content: center
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .landing-page-title h3,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .header-left h3,
.content-top.with-filters .landing-page-title h3,
.content-top.with-filters .header-left h3 {
  margin: 0;
  padding: 0 0 0 14px;
  border-left: 3px solid var(--theme-accent);
  color: var(--theme-primary);
  font-size: clamp(1.45rem, 1.12rem + 0.58vw, 1.9rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.08;
  white-space: normal;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters>.right,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right.d-flex,
.content-top.with-filters>.right,
.content-top.with-filters .right.d-flex {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 10px;
  gap: 10px;
  width: min(100%, 920px);
  max-width: 100%;
  min-width: 0;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field.form-group,
.content-top.with-filters .right .mat-form-field.form-group {
  display: block;
  flex: 0 0 300px;
  width: 300px;
  min-width: 0;
  max-width: 300px;
  margin: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .date-range-field,
.content-top.with-filters .right .date-range-field {
  flex-basis: 300px;
  width: 300px;
  min-width: 0;
  max-width: 300px;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field-wrapper,
.content-top.with-filters .right .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field-flex,
.content-top.with-filters .right .mat-form-field-flex {
  min-height: 46px;
  height: 46px;
  align-items: center;
  padding: 0 16px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 14%, var(--theme-surface-border));
  border-radius: 12px;
  background:
    linear-gradient(180deg,
      var(--theme-white) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 42%, var(--theme-white)) 100%);
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--theme-primary) 5%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 90%, transparent);
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field-outline,
.content-top.with-filters .right .mat-form-field-outline {
  display: none;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field-infix,
.content-top.with-filters .right .mat-form-field-infix {
  display: flex;
  align-items: center;
  width: auto;
  height: 44px;
  min-width: 0;
  padding: 0;
  border-top: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field-suffix,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-datepicker-toggle,
.content-top.with-filters .right .mat-form-field-suffix,
.content-top.with-filters .right .mat-datepicker-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  height: 44px;
  margin-left: 8px;
  top: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-datepicker-toggle button,
.content-top.with-filters .right .mat-datepicker-toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: var(--theme-text-muted);
  opacity: 1;
  visibility: visible;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-datepicker-toggle .mat-button-wrapper,
.content-top.with-filters .right .mat-datepicker-toggle .mat-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-datepicker-toggle-default-icon,
.content-top.with-filters .right .mat-datepicker-toggle-default-icon {
  display: block;
  width: 20px;
  height: 20px;
  color: var(--theme-text-muted);
  fill: currentColor;
  opacity: 1;
  visibility: visible;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-date-range-input,
.content-top.with-filters .right .mat-date-range-input {
  flex: 1 1 auto;
  min-width: 0;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right input.mat-input-element,
.content-top.with-filters .right input.mat-input-element {
  height: 44px;
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 44px;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-select-trigger,
.content-top.with-filters .right .mat-select-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 44px;
  line-height: normal;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-select-value,
.content-top.with-filters .right .mat-select-value {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-select-value-text,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-select-min-line,
.content-top.with-filters .right .mat-select-value-text,
.content-top.with-filters .right .mat-select-min-line {
  display: block;
  height: auto;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-select-arrow-wrapper,
.content-top.with-filters .right .mat-select-arrow-wrapper {
  display: flex;
  align-items: center;
  height: auto;
  flex: 0 0 auto;
  transform: none;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .md-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .default-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .search-btn,
.content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
  flex: 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  height: 46px;
  min-height: 46px;
  margin: 0;
  padding: 0 18px;
  align-self: center;
  border-radius: 12px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-button-wrapper,
.content-top.with-filters .right .mat-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .md-btn img,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .default-btn img,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .search-btn img,
.content-top.with-filters .right .md-btn img,
.content-top.with-filters .right .default-btn img,
.content-top.with-filters .right .search-btn img {
  width: 15px;
  height: 15px;
  object-fit: contain;
  flex: 0 0 auto;
}

/* Final listing filter/action alignment. */
.landing-subpage-shell .landing-subpage-container .content-top.with-filters>.right,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right.d-flex,
.content-top.with-filters>.right,
.content-top.with-filters .right.d-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  flex: 1 1 560px !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field.form-group,
.content-top.with-filters .right .mat-form-field.form-group {
  flex: 1 1 260px !important;
  min-width: 220px !important;
  max-width: 360px !important;
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .md-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .default-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .search-btn,
.content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 106px !important;
  justify-content: center !important;
  height: 46px !important;
  padding: 0 18px !important;
  color: var(--theme-text-inverse, #ffffff) !important;

  span {
    color: var(--theme-text-inverse, #ffffff) !important;
  }
}

.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .md-btn img,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .default-btn img,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .search-btn img,
.content-top.with-filters .right .md-btn img,
.content-top.with-filters .right .default-btn img,
.content-top.with-filters .right .search-btn img {
  filter: brightness(0) invert(1);
}
@media (min-width: 1181px) {

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .date-range-field:first-child:last-child,
.content-top.with-filters .right .date-range-field:first-child:last-child {
    flex-basis: 300px;
  }
}

@media (max-width: 1180px) {

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters,
.content-top.with-filters {
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 16px;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters>.right,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right.d-flex,
.content-top.with-filters>.right,
.content-top.with-filters .right.d-flex {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field.form-group,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .date-range-field,
.content-top.with-filters .right .mat-form-field.form-group,
.content-top.with-filters .right .date-range-field {
    flex: 1 1 240px;
    width: auto;
    max-width: none;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .md-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .default-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .search-btn,
.content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
    flex: 0 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (max-width: 640px) {

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters,
.content-top.with-filters {
    grid-gap: 14px;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters .header-left,
.content-top.with-filters .header-left {
    align-items: flex-start;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters .landing-page-title h3,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .header-left h3,
.content-top.with-filters .landing-page-title h3,
.content-top.with-filters .header-left h3 {
    font-size: 1.45rem;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters>.right,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right.d-flex,
.content-top.with-filters>.right,
.content-top.with-filters .right.d-flex {
    flex-direction: column;
    align-items: stretch;
  }

  .landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .mat-form-field.form-group,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .date-range-field,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .md-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .default-btn,
.landing-subpage-shell .landing-subpage-container .content-top.with-filters .right .search-btn,
.content-top.with-filters .right .mat-form-field.form-group,
.content-top.with-filters .right .date-range-field,
.content-top.with-filters .right .md-btn,
.content-top.with-filters .right .default-btn,
.content-top.with-filters .right .search-btn {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
  }
}

/* Final sky supplier details filter bar restore. */
body.theme-new app-new-supplier-info .filter-bar {
  position: relative !important;
  top: auto !important;
  z-index: 5 !important;
  width: min(100% - 32px, 1280px) !important;
  margin: 18px auto 0 !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  border: 1px solid color-mix(in srgb, var(--theme-primary, #1c2d4f) 8%, var(--theme-surface-border-2, #e2e8f0)) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-white, #fff) 96%, var(--theme-filter-bg-start, #dfe9f7)) 0%,
      color-mix(in srgb, var(--theme-surface-soft, #f5f8fd) 80%, var(--theme-white, #fff)) 100%) !important;
  box-shadow:
    0 16px 36px color-mix(in srgb, var(--theme-primary, #1c2d4f) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white, #fff) 90%, transparent) !important;
}

body.theme-new app-new-supplier-info .filter-select {
  position: relative !important;
  height: 48px !important;
  flex: 0 1 220px !important;
  min-width: 190px !important;
  display: flex !important;
  align-items: center !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  padding: 0 12px !important;
  overflow: hidden !important;
}

body.theme-new app-new-supplier-info .filter-select--location {
  flex-basis: 240px !important;
}

body.theme-new app-new-supplier-info .filter-select--supplier,
body.theme-new app-new-supplier-info .filter-select--subcategory {
  flex-basis: 250px !important;
}

body.theme-new app-new-supplier-info .filter-select>i:not(.filter-chevron) {
  position: static !important;
  flex: 0 0 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.theme-new app-new-supplier-info .filter-select select,
body.theme-new app-new-supplier-info .filter-select .landing-location-select {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 24px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.theme-new app-new-supplier-info .filter-chevron {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

body.theme-new app-new-supplier-info .filter-bar .btn-search {
  height: 48px !important;
  min-width: 124px !important;
  flex: 0 0 auto !important;
}

body.theme-new app-new-supplier-info .main-container {
  padding-top: 24px !important;
}

body.theme-new app-new-supplier-info .back-btn {
  margin: 0 0 26px !important;
}

@media (max-width: 1180px) {
  body.theme-new app-new-supplier-info .filter-bar {
    justify-content: flex-start !important;
  }

  body.theme-new app-new-supplier-info .filter-select {
    flex: 1 1 230px !important;
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  body.theme-new app-new-supplier-info .filter-bar {
    width: calc(100% - 24px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.theme-new app-new-supplier-info .filter-select,
  body.theme-new app-new-supplier-info .filter-bar .btn-search {
    width: 100% !important;
  }
}
  .landing-quick-action__icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--theme-white) 18%, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.landing-quick-action__icon img {
  width: 13px;
  height: 13px;
  filter: brightness(0) invert(1);
}

.landing-quick-action__label {
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.landing-quick-action__badge {
  min-width: 19px;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--theme-accent);
  color: var(--theme-accent-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

.navbar {
  background: var(--theme-primary);
  min-height: 63px;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  position: sticky;
  top: 0;
  z-index: 200;
  justify-content: space-between;
}

.nav-logo {
  display: flex;
  align-items: center;
  grid-gap: 9px;
  gap: 9px;
  color: var(--theme-text-inverse);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  white-space: nowrap;
  margin-right: 2rem;
}

.nav-actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}

.landing-quick-action {
  position: relative;
  min-height: 36px;
  border: 1px solid var(--theme-overlay-white-45);
  border-radius: 999px;
  background: color-mix(in srgb, var(--theme-white) 16%, transparent);
  color: var(--theme-text-inverse);
  display: inline-flex;
  align-items: center;
  grid-gap: 9px;
  gap: 9px;
  padding: 0 13px 0 10px;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.landing-quick-action:hover {
  background: color-mix(in srgb, var(--theme-white) 24%, transparent);
  border-color: var(--theme-white);
  transform: translateY(-1px);
}

.landing-quick-action--with-badge .landing-quick-action__badge {
  position: absolute;
  top: -5px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  box-shadow: 0 0 0 2px var(--theme-primary);
}

.landing-quick-action--cart {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  justify-content: center;
  border-radius: 999px;
}

.landing-quick-action--cart .landing-quick-action__icon {
  width: 100%;
  height: 100%;
  background: transparent;
}

.landing-quick-action--cart .landing-quick-action__icon img {
  width: 15px;
  height: 15px;
}

.landing-quick-action--cart .landing-quick-action__badge {
  position: absolute;
  top: -5px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  box-shadow: 0 0 0 2px var(--theme-primary);
}

.minimal-lang-btn {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  background: transparent;
  color: var(--theme-primary);
  background-color: var(--theme-text-inverse);
  padding: 4px 10px;
  height: 34px;
}

.minimal-lang-btn img {
  width: 16px;
  height: 16px;
  object-fit: cover;
  border-radius: 2px;
}

::ng-deep .minimal-lang-menu {
  border-radius: 4px;
  min-height: 20px;
}

::ng-deep .minimal-lang-menu .mat-menu-item {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  font-size: 12.5px;
}

::ng-deep .minimal-lang-menu img {
  width: 16px;
  height: 16px;
}

.nav-logo svg {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
}

.nav-links {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  flex: 1;
}


.nav-links a {
  color: var(--theme-nav-link);
  padding: 5px 11px;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: color .15s;
}

.nav-links a:hover {
  color: var(--theme-text-inverse);
}

.nav-links a.active {
  color: var(--theme-text-inverse);
  border-bottom-color: var(--theme-accent);
}
.navbar {
  grid-gap: 15px;
  gap: 15px;
}

.nav-links {
  justify-content: center;
}

.nav-actions {
  flex-shrink: 0;
}

.nav-search {
  background: none;
  border: none;
  color: var(--theme-nav-link);
  display: flex;
  align-items: center;
  padding: 4px;
  margin-left: 8px;
  cursor: pointer;
}

.nav-search:hover {
  color: var(--theme-text-inverse);
}

.hamburger {
  display: none;
  background: none;
  border: none;
  color: var(--theme-text-inverse);
  flex-direction: column;
  grid-gap: 4px;
  gap: 4px;
  padding: 4px;
  margin-left: auto;
  cursor: pointer;
}

.hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--theme-surface);
  border-radius: 1px;
}


.footer {
  background: linear-gradient(90deg, var(--theme-footer-overlay) 33%, var(--theme-footer-overlay) 72%, var(--theme-footer-overlay) 100%), url("/assets/images/footer-bg.jpg") center/cover no-repeat;
  color: var(--theme-text-inverse);
  padding: 30px 5rem 18px;
}

.footer-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 30px;
  gap: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid color-mix(in srgb, var(--theme-text-inverse) 10%, transparent);
}

.footer-col h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--theme-text-inverse);
  margin-bottom: 10px;
}

.footer-col li {
  margin-bottom: 7px;
}

.footer-col li a {
  font-size: 12.5px;
  color: var(--theme-link-soft);
  transition: color .15s;
}

.footer-col li a:hover {
  color: var(--theme-text-inverse);
}

.footer-bottom {
  text-align: center;
  font-size: 11.5px;
  color: var(--theme-text-inverse);
  margin-top: 14px;
}

@media (max-width: 768px) {

  .footer-cols {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-gap: 2rem;
    gap: 2rem;
  }

    .nav-logo {
    font-size: 1.1rem;
    margin-right: 1rem;
  }
}

@media (max-width: 500px) {

  .footer-col h4::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: var(--theme-accent);
    margin: 8px auto;
  }

    .nav-actions .btn-yellow span {
    display: none;
  }

    .nav-actions .btn-yellow {
    padding: 8px;
  }

    .nav-logo span {
    display: inline-flex;
    min-width: 0;
  }
}
@media (max-width: 1100px) {

  .nav-links.open {
    display: flex;
  }

    .nav-links a {
    padding: 12px 20px;
    width: 100%;
    border-bottom: none;
    border-radius: 4px;
  }

    .nav-links a:hover {
    background: color-mix(in srgb, var(--theme-text-inverse) 5%, transparent);
  }

    .hamburger {
    display: flex;
  }

    .nav-logo {
    margin-right: auto;
  }
}

@media (max-width: 768px) {

  .nav-logo {
    font-size: 1.1rem;
    grid-gap: 6px;
    gap: 6px;
  }

    .nav-logo svg {
    width: 30px;
    height: 30px;
  }

    .minimal-lang-btn span {
    display: none;
  }

    .minimal-lang-btn {
    padding: 4px 8px;
  }
}

@media (max-width: 480px) {

  .nav-actions {
    grid-gap: 6px;
    gap: 6px;
  }

    .landing-user-menu span:not(.user-icon) {
    display: none;
  }

    .landing-user-menu {
    padding: 0;
    margin-right: 5px;
  }
}

@media (max-width: 768px) {

  .nav-logo {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0;
    overflow: hidden;
  }

    .nav-logo span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
  }

    .nav-logo img {
    width: auto;
    max-width: min(220px, 44vw);
    max-height: 54px;
    object-fit: contain;
  }

    .nav-actions {
    flex: 0 0 auto;
    min-width: 0;
    grid-gap: 6px;
    gap: 6px;
  }
}

@media (max-width: 420px) {

  .nav-logo img {
    max-width: min(170px, 40vw);
    max-height: 46px;
  }

    .minimal-lang-btn {
    min-width: 36px;
    padding-left: 6px;
    padding-right: 6px;
  }

    .hamburger {
    margin-left: 0;
  }
}

@media (max-width: 520px) {

  .nav-logo {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0;
  }

    .nav-logo span {
    display: inline-flex;
    min-width: 0;
  }

    .nav-logo img {
    max-width: min(160px, 38vw);
    max-height: 44px;
  }

    .nav-actions {
    flex: 0 0 auto;
    grid-gap: 5px;
    gap: 5px;
  }

    .minimal-lang-btn {
    min-width: 38px;
    width: 38px;
    height: 34px;
    padding: 0;
    justify-content: center;
  }

    .minimal-lang-btn img {
    margin: 0;
  }

    .minimal-lang-btn .dropdown-icon,
    .minimal-lang-btn span {
    display: none;
  }

    .nav-actions .btn-yellow,
    .btn-yellow.d-flex {
    min-width: 44px;
    width: 44px;
    height: 34px;
    padding: 0;
    justify-content: center;
  }

    .nav-actions .btn-yellow svg,
    .btn-yellow.d-flex svg {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }

    .hamburger {
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding: 0;
  }
}


@media (max-width: 600px) {

  .footer-cols {
    grid-template-columns: 1fr;
  }
}

.navbar,
.hero,
.filter-bar,
.page-body {
  padding-left: clamp(1rem, 5vw, 5rem);
  padding-right: clamp(1rem, 5vw, 5rem);
}

.landing-user-menu.header-menu.mat-button {
  height: 40px;
  border-left: none;
  color: var(--theme-text-inverse);
  padding: 0 30px 0 0;
  background: transparent;
  display: flex;
  align-items: center;
  span {
      span {
        color: var(--theme-text-inverse);
      }
    }
}

.landing-user-menu.header-menu.mat-button::after {
  top: 8px;
  filter: brightness(0) invert(1);
}

.landing-user-menu span {
  color: var(--theme-text-inverse);
  font-size: 14px;
  font-weight: 600;
}

.landing-user-menu .user-icon {
  width: 32px;
  height: 32px;
  background: color-mix(in srgb, var(--theme-text-inverse) 10%, transparent) !important;
  margin-right: 8px;
}

.landing-user-menu .user-icon img {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}

@media (max-width: 768px) {

  .nav-logo {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
    overflow: hidden;
  }

    .nav-logo span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
  }

    .nav-logo img {
    width: auto;
    max-width: min(220px, 44vw);
    max-height: 54px;
    object-fit: contain;
  }

    .nav-actions {
    flex: 0 0 auto;
    min-width: 0;
    grid-gap: 6px;
    gap: 6px;
  }
}

@media (max-width: 420px) {

  .nav-logo img {
    max-width: min(170px, 40vw);
    max-height: 46px;
  }

    .minimal-lang-btn {
    min-width: 36px;
    padding-left: 6px;
    padding-right: 6px;
  }

    .hamburger {
    margin-left: 0;
  }
}
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: var(--theme-text);
  background: var(--theme-surface-bg);
    min-width: 320px;

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

ul {
  list-style: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

::ng-deep .mat-menu-content {
  padding: 0;
}

.categories-card {
  min-width: 0;
}

.categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 14px;
}

.categories-header .card-title {
  margin-bottom: 0;
}

.categories-view-all {
  width: auto;
  min-width: 104px;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 999px;
  flex-shrink: 0;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--theme-primary) 10%, transparent);
}

.cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  grid-auto-rows: 126px;
  grid-gap: 9px;
  gap: 9px;
  max-height: 130px;
  overflow: hidden;
  padding: 2px;
}

.cat-item {
  background: var(--theme-surface);
  border: 1px solid var(--theme-surface-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 5px;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s;
  grid-gap: 6px;
  gap: 6px;
  border-radius: 9px;
  min-height: 126px;
}

.cat-item:hover {
  background: var(--theme-accent-weak);
  border-color: var(--theme-accent);
  transform: translateY(-2px);
}


.card-icon {
  width: 50px;
  height: 50px;
  background: var(--theme-surface-soft-2);
  color: var(--theme-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  transition: all 0.3s ease;
  font-size: 1.5rem;
}

.cat-item:hover .card-icon {
  background: var(--theme-accent);
  color: var(--theme-text-inverse);
}

.cat-item .cat-name {
  font-family: 'Urbanist', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--theme-text);
  line-height: 1.2;
}

.hero {
  position: relative;
  background: var(--theme-primary);
  min-height: 400px;
  display: flex;
  align-items: center;
  padding: 40px 5rem;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--theme-primary) 98%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary) 76%, transparent) 45%,
      color-mix(in srgb, var(--theme-primary) 15%, transparent) 100%),
    url('/assets/images/hero-banner-bg.jpg') center/cover no-repeat;
  /* linear-gradient(to right, var(--theme-surface-hero-overlay) 42%, var(--theme-surface-hero-overlay-2) 100%),
          url('/assets/images/hero-banner-bg.jpg') center/cover no-repeat; */
  z-index: 0;
}

.hero-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  /* max-width: 520px; */
}

.hero-inner h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: var(--theme-text-inverse);
  line-height: 1.25;
  /* margin-bottom: 25px; */
}

.hero-inner h1 em {
  font-style: italic;
  font-weight: 400;
  font-size: 2.5rem;
}

.hero-inner p {
  color: color-mix(in srgb, var(--theme-text-inverse) 78%, transparent);
  font-size: 1.3rem;
  line-height: 1.65;
  margin-bottom: 25px;
  max-width: 500px;
  margin-top: 20px;
}

.hero-btns {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-wrap: wrap;

  button {
    border-radius: 8px;
  }
}

.hero-benefit-strip {
  width: 100%;
  max-width: none;
  margin-top: 32px;
  padding: 0;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--theme-white) 20%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--theme-white) 12%, transparent);
  border-radius: 0;
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--theme-primary) 24%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary-2) 14%, transparent) 54%,
      color-mix(in srgb, var(--theme-white) 5%, transparent) 100%);
  box-shadow: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0;
  gap: 0;
  overflow: visible;
}

.hero-benefit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 14px;
  gap: 14px;
  min-width: 0;
  min-height: 64px;
  padding: 0 28px;
  color: var(--theme-text-inverse);
}

.hero-benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 19px;
  right: 0;
  width: 1px;
  height: calc(100% - 38px);
  background: linear-gradient(180deg,
      transparent 0%,
      color-mix(in srgb, var(--theme-white) 16%, transparent) 50%,
      transparent 100%);
}

.hero-benefit span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--theme-white) 34%, transparent);
  background: color-mix(in srgb, var(--theme-primary) 32%, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  color: color-mix(in srgb, var(--theme-white) 94%, var(--theme-link-soft));
  font-size: 15px;
  box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--theme-white) 8%, transparent);
}

.hero-benefit strong {
  color: color-mix(in srgb, var(--theme-white) 92%, transparent);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.01em;
  white-space: normal;
  text-shadow: none;
}

@media (max-width: 900px) {

  .hero-benefit:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 520px) {

  .hero-benefit {
    justify-content: flex-start;
  }

    .hero-benefit::after {
    display: none;
  }
}

.btn-yellow {
  background: var(--theme-accent);
  color: var(--theme-accent-text);
  font-weight: 700;
  font-size: 13px;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  transition: background .15s;
}

.btn-yellow:hover {
  background: var(--theme-accent-hover);
}

.btn-ghost {
  background: var(--theme-overlay-white-12);
  color: var(--theme-text-inverse);
  font-weight: 700;
  font-size: 13px;
  padding: 10px 20px;
  border: 1px solid var(--theme-overlay-white-45);
  border-radius: 3px;
  transition: background .15s;
}

.btn-ghost:hover {
  background: var(--theme-overlay-white-20);
}

.btn-ghost.btn-login {
  background: linear-gradient(135deg, var(--theme-primary-soft) 0%, var(--theme-primary-soft-2) 100%);
  border-color: color-mix(in srgb, var(--theme-primary-soft-2) 70%, var(--theme-text-inverse));
  color: var(--theme-text-inverse);
  box-shadow: 0 10px 20px color-mix(in srgb, var(--theme-primary) 26%, transparent);
}

.btn-ghost.btn-login:hover {
  background: linear-gradient(135deg, var(--theme-primary-soft-2) 0%, var(--theme-primary-soft) 100%);
  border-color: var(--theme-link-soft);
}

.btn-ghost.btn-signup {
  background: var(--theme-surface);
  border-color: var(--theme-surface);
  color: var(--theme-primary);
  box-shadow: 0 10px 20px color-mix(in srgb, var(--theme-accent) 20%, transparent);
}

.btn-ghost.btn-signup:hover {
  background: var(--theme-accent);
  border-color: var(--theme-accent-hover);
  color: var(--theme-accent-text);
}

.filter-bar {
  background: linear-gradient(90deg, var(--theme-filter-bg-start) 0%, var(--theme-surface) 60%, var(--theme-filter-bg-end) 80%);
  z-index: 10;
  position: sticky;
  top: 81px;
  box-shadow: 0 7px 14px color-mix(in srgb, var(--theme-text) 9%, transparent), 0 2px 0 color-mix(in srgb, var(--theme-text) 5%, transparent);
  border-bottom: 1px solid var(--theme-surface-border-2);
  padding: 9px 2rem;
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.filter-bar select,
.filter-bar input {
  border: 1px solid var(--theme-surface-border);
  border-radius: 3px;
  padding: 7px 10px;
  font-family: inherit;
  /* font-size: 12.5px; */
  color: var(--theme-text);
  background: var(--theme-surface);
  outline: none;
  height: 34px;
}

.filter-bar select {
  min-width: 118px;
}



.filter-bar input {
  flex: 1;
  min-width: 140px;
}

.filter-bar select:focus,
.filter-bar input:focus {
  border-color: var(--theme-primary);
}

.urgent-dashboard-section {
  padding: 22px clamp(1rem, 5vw, 5rem) 8px;
  background: radial-gradient(circle at 50% 0%, var(--theme-surface) 0%, var(--theme-filter-bg-end) 100%);
}

.urgent-dashboard-banners {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.urgent-dashboard-banner {
  min-height: 150px;
  border-radius: 12px;
  padding: 20px 24px;
  display: flex;
  grid-gap: 18px;
  gap: 18px;
  align-items: flex-start;
  color: var(--theme-text-inverse);
  overflow: hidden;
  position: relative;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-primary) 20%, transparent);
}

.urgent-dashboard-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--theme-primary) 98%, transparent) 0%, color-mix(in srgb, var(--theme-primary) 76%, transparent) 45%, color-mix(in srgb, var(--theme-primary) 15%, transparent) 100%);
  z-index: 0;
}

.spare-parts-banner {
  background: url('/assets/images/procure-card-bg.jpg') center/cover no-repeat;
}

.crewing-banner {
  background: url('/assets/images/hero-banner-bg.jpg') center/cover no-repeat;
}

.urgent-dashboard-icon,
.urgent-dashboard-copy {
  position: relative;
  z-index: 1;
}

.urgent-dashboard-icon {
  width: 76px;
  height: 76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--theme-danger);
  font-size: 58px;
}

.urgent-dashboard-icon.crew {
  border: 4px solid var(--theme-danger);
  border-radius: 50%;
  font-size: 32px;
}

.urgent-dashboard-copy h2 {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.25;
}

.urgent-dashboard-copy h2 span {
  color: var(--theme-danger);
}

.urgent-dashboard-copy p {
  max-width: 460px;
  margin: 6px 0 18px;
  color: color-mix(in srgb, var(--theme-text-inverse) 83%, transparent);
  font-size: 12.5px;
  line-height: 1.5;
}

.urgent-dashboard-actions {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  flex-wrap: wrap;
}

.urgent-dashboard-actions .btn-urgent,
.urgent-dashboard-actions .btn-track {
  min-width: 190px;
  justify-content: center;
}

.urgent-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  grid-gap: 18px;
  gap: 18px;
  align-items: stretch;
}

.dashboard-section-title {
  border-left: 4px solid var(--theme-accent);
  color: var(--theme-primary);
  font-size: 1.35rem;
  font-weight: 800;
  padding-left: 12px;
  margin: 0 0 14px;
}

.quick-title {
  margin-top: 24px;
}

.glance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.glance-card,
.quick-tile {
  background: var(--theme-surface);
  border: 1px solid var(--theme-surface-border-2);
  border-radius: 7px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--theme-primary) 7%, transparent);
}

.glance-card {
  min-height: 122px;
  padding: 18px 14px;
  display: flex;
  align-items: center;
  grid-gap: 14px;
  gap: 14px;
  min-width: 0;
}

.glance-card>div {
  min-width: 0;
}

.glance-card span,
.quick-tile i {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--theme-surface-soft);
  color: var(--theme-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.glance-card small {
  display: block;
  color: var(--theme-text-muted);
  font-weight: 700;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.glance-card strong {
  display: block;
  color: var(--theme-text);
  font-size: 1.55rem;
  font-weight: 900;
  margin: 4px 0;
}
.theme-text {
  color: var(--theme-text) !important;
}

.glance-card a {
  display: inline-block;
  color: var(--theme-text);
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.quick-access-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.quick-tile {
  min-height: 128px;
  border: none;
  color: var(--theme-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 14px;
  gap: 14px;
  font-weight: 800;
  text-align: center;
  padding: 12px;
  min-width: 0;
}

.quick-tile span {
  overflow-wrap: anywhere;
}

.quick-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-primary) 12%, transparent);
}

.urgent-requests-card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-primary) 96%, transparent), color-mix(in srgb, var(--theme-primary) 92%, transparent)),
    url('/assets/images/procure-card-bg.jpg') center/cover no-repeat;
  border-radius: 9px;
  color: var(--theme-text-inverse);
  padding: 22px;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-primary) 22%, transparent);
}

.urgent-requests-card h3 {
  margin: 0 0 24px;
  font-size: 1.35rem;
  font-weight: 800;
}

.urgent-request-group {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--theme-text-inverse) 15%, transparent);
}

.urgent-request-group div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 12px;
  color: color-mix(in srgb, var(--theme-text-inverse) 84%, transparent);
  font-size: 12.5px;
  font-weight: 700;
}

.urgent-request-group strong {
  font-size: 1.45rem;
  font-weight: 900;
}

.urgent-request-group .danger {
  color: var(--theme-danger);
}

.urgent-request-group .warning {
  color: var(--theme-accent);
}

.urgent-request-group .success {
  color: var(--theme-success);
}

.request-view-all {
  width: 100%;
  min-height: 42px;
  justify-content: center;
  font-size: 13px;
}

.btn-search {
  background: var(--theme-primary-2);
  color: var(--theme-text-inverse);
  font-weight: 700;
  font-size: 13px;
  padding: 0 20px;
  height: 34px;
  border: none;
  border-radius: 3px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  transition: background .15s;
  white-space: nowrap;
}

.btn-search:hover {
  background: var(--theme-primary);
}

.btn-search-icon {
  background: var(--theme-primary);
  color: var(--theme-text-inverse);
  border: none;
  height: 34px;
  width: 34px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.page-body {
  display: grid;
  grid-template-columns: 1fr 450px;
  grid-gap: 30px;
  gap: 30px;
  padding: 26px 5rem;
  padding-bottom: 35px;
  align-items: start;
  /* background: radial-gradient(circle at 50% 0%, var(--theme-surface) 0%, var(--theme-filter-bg-end) 100%); */
}

.col-left {
  display: flex;
  flex-direction: column;
  grid-gap: 26px;
  gap: 26px;
  min-width: 0;
}

.card {
  border-radius: 4px;
  /* overflow: hidden; */
}

.card-title {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--theme-primary);
  padding-left: 12px;
  border-left: 4px solid var(--theme-accent);
  margin-bottom: 18px;
  padding-block: 7px;
}

.suppliers-row {
  display: grid;
  grid-gap: 0.8rem;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 7fr));
}

.supplier-cell {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 12px;
  background: var(--theme-surface);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
  grid-gap: 10px;
  gap: 10px;
  min-height: 140px;
  border: 1px solid color-mix(in srgb, var(--theme-text) 5%, transparent);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-text) 10.3%, transparent);
}

.supplier-cell:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--theme-primary-soft) 15%, transparent);
  border-color: var(--theme-primary-soft-weak);
}

.sup-emblem {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--theme-text-inverse);
  background: linear-gradient(135deg, var(--theme-primary-soft), var(--theme-primary-soft-2));
  box-shadow: 0 4px 10px color-mix(in srgb, var(--theme-primary-soft) 30%, transparent);
}

.sup-logo {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  text-align: center;
  color: var(--theme-text-soft);
  line-height: 1.4;
  padding: 0 5px;
}

.supplier-cell::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.3s;
  background: linear-gradient(135deg, var(--theme-primary-soft-grad-1), var(--theme-primary-soft-grad-2));
}

.supplier-cell:hover::after {
  opacity: 1;
}

.view-all-row {
  padding: 20px 5px;
  display: flex;
  justify-content: flex-start;
}

.btn-view-all {
  position: relative;
  border: none;
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-soft));
  color: var(--theme-text-inverse);
  font-weight: 600;
  font-size: 15px;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  justify-content: center;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--theme-primary-soft) 25%, transparent);
}

.btn-view-all:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--theme-primary-soft) 35%, transparent);
  background: linear-gradient(135deg, var(--theme-primary-soft-2), var(--theme-primary));
}

.btn-view-all:active {
  transform: scale(0.97);
}

.btn-view-all span {
  transition: transform 0.3s ease;
}

.btn-view-all:hover span {
  transform: translateX(4px);
}

.categories-header .categories-view-all {
  width: auto;
  min-width: 104px;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  flex-shrink: 0;
}

.featured-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 10px;
  gap: 10px;
}

.featured-actions .btn-create,
.featured-actions .btn-view-all {
  width: auto;
  min-width: 145px;
  height: 38px;
  padding: 0 16px;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.featured-actions .btn-create {
  box-shadow: 0 5px 14px color-mix(in srgb, var(--theme-accent) 22%, transparent);
}

.featured-actions .btn-create span,
.featured-actions .btn-view-all span {
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
  line-height: 1;
}

.featured-actions .btn-view-all {
  box-shadow: 0 5px 14px color-mix(in srgb, var(--theme-primary) 16%, transparent);
}

.featured-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 14px;
  gap: 14px;
  margin-bottom: 16px;
}

.vm-card {
  background:
    linear-gradient(to right, color-mix(in srgb, var(--theme-primary) 90%, transparent) 30%, color-mix(in srgb, var(--theme-primary) 25%, transparent) 100%),
      url('/assets/images/vm-card-bg.jpg') center/cover no-repeat;
  border-radius: 10px;
  padding: 20px 22px;
  color: var(--theme-text-inverse);
  position: relative;
  overflow: hidden;

  h2 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.3;
    color: var(--theme-text-inverse);
    border-bottom: 1px solid color-mix(in srgb, var(--theme-text-inverse) 10%, transparent);
    padding-bottom: 12px;
  }
}

.vm-card::after {
  content: '';
  position: absolute;
  right: -5rem;
  bottom: -5rem;
  width: 150px;
  height: 150px;
  background: color-mix(in srgb, var(--theme-text-inverse) 3%, transparent);
  border-radius: 50%;
}

.vm-card h2 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.3;
}

.vm-badge {
  background: var(--theme-accent);
  color: var(--theme-accent-text);
  border-radius: 2px;
  padding: 1px 7px;
  font-size: 12px;
  font-weight: 700;
  margin: 0 2px;
  display: inline-block;
}

.vm-list {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
  gap: 6px;
}

.vm-list li {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  font-size: 13px;
  color: color-mix(in srgb, var(--theme-text-inverse) 85%, transparent);
}

.vm-list li::before {
  content: '';
  width: 7px;
  height: 7px;
  background: var(--theme-accent);
  border-radius: 1px;
  flex-shrink: 0;
}

.btn-vm {
  background: var(--theme-accent);
  color: var(--theme-accent-text);
  font-weight: 700;
  font-size: 13px;
  padding: 10px 18px;
  border: none;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  transition: background .15s;
}

.btn-vm:hover {
  background: var(--theme-accent-hover);
}

.activity-list {
  /* padding: 0 14px 4px; */
  grid-gap: 5px;
  gap: 5px;
  display: flex;
  flex-direction: column;
  max-height: 219px;
  overflow: auto;
}

.act-row {
  border-radius: 6px;
  display: flex;
  align-items: center;
  grid-gap: 9px;
  gap: 9px;
  padding: 10px;
  background: linear-gradient(135deg, var(--theme-surface-soft) 0%, var(--theme-surface) 100%);
  font-size: 12.5px;
}

.act-row:hover {
  background: var(--theme-surface);
}

.act-icon {
  color: var(--theme-primary-2);
  flex-shrink: 0;
  margin-top: 4.5px;
}

.act-po {
  font-weight: 700;
  color: var(--theme-primary);
  white-space: nowrap;
  min-width: 68px;
}

.act-name {
  font-weight: 600;
}

.act-dash {
  color: var(--theme-text-subtle);
}

.act-desc {
  color: var(--theme-text);
  flex: 1;
}

.badge {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}

.badge-sent {
  background: var(--theme-badge-info-bg);
  color: var(--theme-badge-info-text);
}

.badge-delivered {
  background: var(--theme-badge-success-bg);
  color: var(--theme-badge-success-text);
}

.badge-pending {
  background: var(--theme-badge-warning-bg);
  color: var(--theme-badge-warning-text);
}

.urgent-spareparts-layout {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  grid-gap: 16px;
  gap: 16px;
  align-items: stretch;
}

.urgent-left-panel {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-primary) 93%, transparent) 0%, color-mix(in srgb, var(--theme-primary-2) 78%, transparent) 45%, color-mix(in srgb, var(--theme-primary-soft-2) 45%, transparent) 100%),
    url('/assets/images/procure-card-bg.jpg') center/cover no-repeat;
  border-radius: 10px;
  padding: 14px;
  color: var(--theme-text-inverse);
}

.urgent-left-main {
  background: var(--theme-urgent-main-bg);
  border: 1px solid color-mix(in srgb, var(--theme-text-inverse) 25%, transparent);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
}

.urgent-alert-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-urgent-icon-bg);
  border: 2px solid var(--theme-danger);
  color: var(--theme-danger);
  font-size: 1.3rem;
  flex-shrink: 0;
}

.urgent-copy h4 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
}

.urgent-copy p {
  margin: 5px 0 0;
  color: color-mix(in srgb, var(--theme-text-inverse) 84%, transparent);
  font-size: 12.5px;
  line-height: 1.5;
}

.urgent-feature-row {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(90px, 1fr));
  grid-gap: 8px;
  gap: 8px;
}

.urgent-feature {
  border-right: 1px solid color-mix(in srgb, var(--theme-text-inverse) 24%, transparent);
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-gap: 5px;
  gap: 5px;
  min-height: 60px;
}

.urgent-feature:last-child {
  border-right: none;
}

.urgent-feature i {
  font-size: 1.7rem;
  color: var(--theme-urgent-feature-icon);
  margin-bottom: 3px;
}

.urgent-feature span {
  font-size: 11px;
  color: color-mix(in srgb, var(--theme-text-inverse) 92%, transparent);
  line-height: 1.35;
  font-weight: 600;
}

.urgent-right-panel {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-primary) 94%, transparent) 0%, color-mix(in srgb, var(--theme-primary) 92%, transparent) 100%),
    url('/assets/images/procure-card-bg.jpg') center/cover no-repeat;
  border-radius: 10px;
  padding: 14px;
  color: var(--theme-text-inverse);
  display: flex;
  flex-direction: column;
}

.urgent-right-panel h4 {
  i {
    font-size: 22px;
  }

  margin: 0 0 8px;
  font-size: 1.3rem;
  line-height: 1.3;
  color: var(--theme-danger);
  font-weight: 600;

  span {
    margin-left: 6px;
    color: var(--theme-text-inverse);
    display: inline-block;
  }
}

.urgent-right-panel p {
  margin: 0;
  font-size: 12.5px;
  color: color-mix(in srgb, var(--theme-text-inverse) 84%, transparent);
  line-height: 1.45;
}

.urgent-actions {
  margin-top: auto;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 14px;
}

.btn-urgent,
.btn-track {
  border: none;
  border-radius: 4px;
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s ease;
}

.btn-urgent {
  background: var(--theme-accent);
  color: var(--theme-accent-text);
}

.btn-urgent:hover {
  background: var(--theme-accent-hover);
}


@media (max-width: 1024px) {

  .glance-grid,
    .quick-access-grid {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
  }

    .page-body {
    grid-template-columns: 1fr;
  }

    .urgent-spareparts-layout {
    grid-template-columns: 1fr;
  }

    .urgent-feature-row {
    grid-template-columns: repeat(2, minmax(110px, 1fr));
  }

    .urgent-feature {
    border-right: none;
    border-top: 1px solid color-mix(in srgb, var(--theme-text-inverse) 20%, transparent);
  }

    .col-right {
    grid-row: 1;
  }
}

@media (max-width: 768px) {

  .glance-grid,
    .quick-access-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }

    .hero-inner h1 {
    font-size: 2.2rem;
  }

    .hero-inner p {
    font-size: 1.1rem;
  }
}

@media (max-width: 500px) {

  .urgent-dashboard-actions .btn-urgent,
    .urgent-dashboard-actions .btn-track {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 480px) {

  .btn-yellow {
    padding: 8px 12px;
  }
}

.hero-btns .btn-yellow,
.hero-btns .btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  gap: 8px;
  min-height: 42px;
  line-height: 1.25;
  white-space: normal;
  text-align: center;
}

.hero-btns .btn-yellow i,
.hero-btns .btn-ghost i {
  flex: 0 0 auto;
  margin-right: 0;
}

.hero-btns .btn-yellow span,
.hero-btns .btn-ghost span {
  display: inline;
}

@media (max-width: 680px) {

  .hero-btns .btn-yellow,
    .hero-btns .btn-ghost {
    width: 100%;
    min-width: 0;
    padding: 11px 14px;
    font-size: 13px;
    overflow-wrap: anywhere;
  }
}


@media (max-width: 600px) {

  .hero-btns {
    flex-direction: column;
  }

    .btn-yellow,
    .btn-ghost {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.col-right {
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
  gap: 14px;
}

.procure-card {
  background: linear-gradient(90deg, var(--theme-footer-overlay) 33%, var(--theme-footer-overlay-soft) 72%, var(--theme-footer-overlay-end) 100%), url('/assets/images/procure-card-bg.jpg') center/cover no-repeat;
  border-radius: 12px;
  padding: 16px;
  color: var(--theme-text-inverse);
  position: relative;
  overflow: hidden;
}


.procure-card h3 {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 13px;
  color: color-mix(in srgb, var(--theme-text-inverse) 92%, transparent);
}

.proc-rows {
  display: flex;
  flex-direction: column;
  margin-bottom: 13px;
}

.proc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--theme-text-inverse) 10%, transparent);
  font-size: 12.5px;
  color: color-mix(in srgb, var(--theme-text-inverse) 78%, transparent);
}

.proc-row:last-child {
  border-bottom: none;
}

.proc-num {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 17px;
}

.num-blue {
  color: var(--theme-info);
}

.num-red {
  color: var(--theme-danger-soft);
}

.num-green {
  color: var(--theme-success);
}

.btn-create {
  width: 100%;
  background: var(--theme-accent);
  color: var(--theme-accent-text);
  font-weight: 700;
  font-size: 13.5px;
  padding: 11px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 7px;
  gap: 7px;
  transition: background .15s;
}

.btn-create:hover {
  background: var(--theme-accent-hover);
}

.search-modal-container {
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  background: var(--theme-surface);
  border-radius: 8px;
  overflow: hidden;
}

.search-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: var(--theme-primary);
  color: var(--theme-text-inverse);
}

.search-modal-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.close-btn {
  background: none;
  border: none;
  color: var(--theme-text-inverse);
  font-size: 24px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.close-btn:hover {
  opacity: 1;
}

.search-modal-body {
  padding: 24px;
  min-height: 200px;
}

.search-location-select {
  width: 100%;
  height: 44px;
  border: 1px solid var(--theme-surface-border);
  border-radius: 8px;
  padding: 0 14px 0 48px;
  margin-bottom: 14px;
  background-color: var(--theme-surface);
  background-image: url('/assets/images/location-grey-icon.svg');
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 21px 21px;
  color: var(--theme-text);
  font-family: inherit;
  font-size: 0.95rem;
  outline: none;
}

.search-location-select:focus {
  border-color: var(--theme-accent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--theme-accent) 10%, transparent);
}

.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--theme-surface-soft);
  border: 2px solid var(--theme-surface-border-2);
  border-radius: 12px;
  padding: 0 16px;
  transition: all 0.2s;
}

.search-input-wrapper:focus-within {
  border-color: var(--theme-accent);
  background: var(--theme-surface);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--theme-accent) 10%, transparent);
}

.search-input-wrapper mat-icon {
  color: var(--theme-text-muted);
  margin-right: 12px;
}

.search-input-wrapper input {
  width: 100%;
  border: none;
  background: none;
  padding: 14px 0;
  font-size: 1rem;
  color: var(--theme-text);
  outline: none;
}

.search-results-list {
  margin-top: 20px;
  max-height: 400px;
  overflow-y: auto;
  border-top: 1px solid var(--theme-surface-border-3);
}

.search-result-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--theme-surface-border-3);
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 8px;
}

.search-result-item:hover {
  background: var(--theme-surface-highlight);
}

.item-info {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
  gap: 2px;
}

.item-name {
  font-weight: 700;
  color: var(--theme-text);
  font-size: 0.95rem;
}

.item-supplier {
  font-size: 0.8rem;
  color: var(--theme-text-muted);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.search-result-item mat-icon {
  color: var(--theme-surface-border-2);
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.search-result-item:hover mat-icon {
  color: var(--theme-accent);
}

.no-results {
  padding: 40px 20px;
  text-align: center;
  color: var(--theme-text-muted);
}

.no-results p {
  margin: 0;
  font-style: italic;
}

::ng-deep .search-modal-panel .mat-dialog-container {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}

.loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  gap: 8px;
  padding: 40px 20px;
  color: var(--theme-text-muted);
  font-size: 0.95rem;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--theme-scrollbar-start), var(--theme-scrollbar-end));
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: var(--theme-scrollbar-track);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.search-result-item mat-icon {
  color: var(--theme-surface-border-2);
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.search-result-item:hover mat-icon {
  color: var(--theme-accent);
}

.no-results {
  padding: 40px 20px;
  text-align: center;
  color: var(--theme-text-muted);
}

.no-results p {
  margin: 0;
  font-style: italic;
}

::ng-deep .search-modal-panel .mat-dialog-container {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}

.loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  gap: 8px;
  padding: 40px 20px;
  color: var(--theme-text-muted);
  font-size: 0.95rem;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--theme-scrollbar-start), var(--theme-scrollbar-end));
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: var(--theme-scrollbar-track);
  border-radius: 10px;
}

@media (max-width: 1280px) {

  .urgent-requests-card {
    max-width: none;
  }

    .glance-grid,
    .quick-access-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

@media (max-width: 1100px) {

  .page-body {
    grid-template-columns: 1fr;
    grid-gap: 22px;
    gap: 22px;
  }

    .col-right {
    grid-row: auto;
  }
}

@media (max-width: 900px) {

  .hero-inner h1 {
    font-size: 2.35rem;
  }

    .hero-inner p {
    font-size: 1.05rem;
  }

    .filter-bar {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 8px;
    gap: 8px;
  }

    .filter-bar select,
    .filter-bar input,
    .filter-bar .btn-search {
    width: 100%;
    min-width: 0;
  }

    .filter-bar .btn-search {
    justify-content: center;
  }

    .featured-card-header {
    align-items: flex-start;
    flex-direction: column;
  }

    .featured-actions {
    justify-content: flex-start;
    width: 100%;
  }

    .featured-actions .btn-create,
    .featured-actions .btn-view-all {
    flex: 1 1 190px;
  }

    .suppliers-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

    .cat-grid {
    grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
  }

    .urgent-dashboard-banner {
    min-height: auto;
    padding: 18px;
  }

    .urgent-dashboard-icon {
    width: 58px;
    height: 58px;
    font-size: 42px;
  }

    .urgent-dashboard-icon.crew {
    font-size: 24px;
  }

    .urgent-dashboard-copy h2 {
    font-size: 1.25rem;
  }

    .glance-card {
    min-height: 112px;
  }

    .act-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }

    .act-desc {
    flex-basis: 100%;
  }
}

@media (max-width: 680px) {

  .hero-inner h1 {
    font-size: 1.9rem;
  }

    .hero-inner h1 em {
    font-size: 1.55rem;
  }

    .hero-btns,
    .urgent-dashboard-actions {
    flex-direction: column;
  }

    .hero-btns .btn-yellow,
    .hero-btns .btn-ghost,
    .urgent-dashboard-actions .btn-urgent,
    .urgent-dashboard-actions .btn-track {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

    .filter-bar {
    grid-template-columns: 1fr;
  }

    .urgent-dashboard-banner {
    flex-direction: column;
  }

    .suppliers-row,
    .urgent-feature-row {
    grid-template-columns: 1fr 1fr;
  }

    .glance-grid,
    .quick-access-grid {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  }

    .glance-card {
    min-height: auto;
  }

    .quick-tile {
    min-height: 108px;
  }

    .featured-actions {
    flex-direction: row;
  }

    .featured-actions .btn-create,
    .featured-actions .btn-view-all {
    width: 100%;
    flex-basis: auto;
  }

    .card-title,
    .dashboard-section-title {
    font-size: 1.15rem;
  }

    .urgent-request-group div {
    align-items: flex-start;
  }
}

@media (max-width: 420px) {

  .hero-inner h1 {
    font-size: 1.6rem;
  }

    .hero-inner p,
    .urgent-dashboard-copy p {
    font-size: 12px;
  }

    .urgent-dashboard-banner,
    .urgent-requests-card,
    .panel,
    .card {
    border-radius: 6px;
  }

    .glance-card {
    align-items: flex-start;
    flex-direction: column;
  }

    .glance-card span,
    .quick-tile i {
    width: 48px;
    height: 48px;
    font-size: 22px;
  }

    .urgent-request-group div {
    grid-gap: 10px;
    gap: 10px;
  }

    .urgent-request-group strong {
    font-size: 1.2rem;
  }
}

.landing-subpage-container {
  max-width: 100%;
  overflow: hidden;
}

.landing-home-btn {
  display: inline-flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 42px;
  padding: 0 18px 0 10px;
  margin-bottom: 12px;
  border: 1px solid color-mix(in srgb, var(--theme-accent) 28%, var(--theme-surface-border));
  border-radius: 999px;
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 12%, var(--theme-surface)) 0%,
      var(--theme-surface) 52%,
      color-mix(in srgb, var(--theme-primary) 4%, var(--theme-surface)) 100%);
  color: var(--theme-primary);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--theme-primary) 10%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 70%, transparent);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.landing-home-btn:hover {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 88%, var(--theme-surface)) 100%);
  border-color: color-mix(in srgb, var(--theme-accent) 55%, var(--theme-surface-border));
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--theme-primary) 14%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-accent) 10%, transparent);
  transform: translateY(-2px);
}

.landing-home-btn:focus-visible {
  outline: none;
  border-color: color-mix(in srgb, var(--theme-accent) 72%, var(--theme-primary));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-accent) 16%, transparent),
    0 12px 24px color-mix(in srgb, var(--theme-primary) 12%, transparent);
}

.landing-home-btn__icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-2) 100%);
  color: var(--theme-text-inverse);
  flex-shrink: 0;
  box-shadow: 0 8px 16px color-mix(in srgb, var(--theme-primary) 22%, transparent);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.landing-home-btn__arrow {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: translateX(1px);
}

.landing-home-btn__arrow::before,
.landing-home-btn__arrow::after {
  content: "";
  position: absolute;
  left: 0;
  width: 7px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: 1px center;
}

.landing-home-btn__arrow::before {
  top: -3px;
  transform: rotate(-45deg);
}

.landing-home-btn__arrow::after {
  top: 3px;
  transform: rotate(45deg);
}

.landing-home-btn:hover .landing-home-btn__icon {
  transform: translateX(-1px);
  box-shadow: 0 10px 18px color-mix(in srgb, var(--theme-primary) 26%, transparent);
}

.landing-page-title {
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
  gap: 6px;
}

.header-left .landing-page-title .po-kicker {
  margin-bottom: 0;
}

@media (max-width: 768px) {

  .landing-home-btn__icon {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

    .landing-page-title {
    grid-gap: 4px;
    gap: 4px;
  }

}


::ng-deep .fix-line-height {
  line-height: 27px;
}

::ng-deep .fix-line-height .mat-form-field-flex {
  align-items: center;
}

::ng-deep .primary-pagination {
  background: transparent;
  margin-top: 15px;
}

.date-range-field {
  min-width: 300px;
  flex: 1 1 300px;
}

.md-input {
  min-width: 200px;
  flex: 1 1 200px;
}

.content-top.with-filters .right .date-range-field {
  max-width: 350px;
}

.content-top.with-filters .right .md-input {
  max-width: 220px;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-form-field-flex {
  align-items: center;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-form-field-infix {
  border-top: 0;
  padding: 0 0;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-date-range-input {
  align-items: center;
  width: 100%;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-date-range-input-separator {
  margin: 0 10px;
  color: var(--theme-text-muted);
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-date-range-input-container {
  display: flex;
  align-items: center;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-date-range-input-start-wrapper,
::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-date-range-input-end-wrapper {
  flex: 1;
  min-width: 85px;
}

::ng-deep .date-range-field.mat-form-field-appearance-outline .mat-datepicker-toggle .mat-icon-button {
  width: 30px;
  height: 30px;
  right: -4px;
}

.date-range-clear {
  width: 30px;
  height: 30px;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: -2px;
}

.no-activity {
  border: 1px solid var(--theme-surface-border-2);
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--theme-primary) 6%, transparent);
}

.text-secondary {
  color: var(--theme-primary-soft-2);
}
  background:
    radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--theme-primary-2) 14%, transparent), transparent 28rem),
        linear-gradient(180deg, var(--theme-surface-soft) 0%, var(--theme-surface-highlight) 100%);

.navbar {
  min-height: 74px;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-2) 100%);
  border-bottom: 1px solid color-mix(in srgb, var(--theme-white) 10%, transparent);
  box-shadow: 0 16px 38px color-mix(in srgb, var(--theme-primary-2) 20%, transparent);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.nav-links a {
  border-radius: 999px;
  border-bottom: 0;
  color: color-mix(in srgb, var(--theme-white) 74%, transparent);
  padding: 9px 14px;
  transition: color 0.2s ease, background 0.2s ease;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--theme-text-inverse);
  background: color-mix(in srgb, var(--theme-white) 10%, transparent);
}

.minimal-lang-btn,
.landing-quick-action,
.landing-user-menu.header-menu.mat-button {
  box-shadow: 0 8px 20px color-mix(in srgb, var(--theme-primary) 16%, transparent);
}

.hero {
  min-height: 500px;
  padding-top: 76px;
  padding-bottom: 92px;
  background: var(--theme-primary);
}

.hero::before {
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--theme-primary) 96%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary-2) 78%, transparent) 48%,
      color-mix(in srgb, var(--theme-primary-2) 16%, transparent) 100%),
    url('/assets/images/hero-banner-bg.jpg') center/cover no-repeat;
}

.hero-inner {
  max-width: 1180px;
}

.hero-inner h1 {
  max-width: 100%;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.hero-inner .text-secondary {
  color: var(--theme-accent);
}

.hero-inner p {
  max-width: 640px;
  color: color-mix(in srgb, var(--theme-white) 78%, transparent);
  font-size: 1.12rem;
  line-height: 1.8;
}

.hero-btns {
  grid-gap: 12px;
  gap: 12px;
}

.hero-btns button,
.btn-yellow,
.btn-ghost,
.btn-search,
.btn-vm,
.btn-urgent,
.btn-track,
.btn-create,
.btn-view-all {
  min-height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}



.btn-ghost {
  background: color-mix(in srgb, var(--theme-white) 10%, transparent);
  border-color: color-mix(in srgb, var(--theme-white) 24%, transparent);
}

.btn-ghost.btn-login {
  background: color-mix(in srgb, var(--theme-white) 12%, transparent);
  border-color: color-mix(in srgb, var(--theme-white) 26%, transparent);
}

.btn-ghost.btn-signup {
  background: var(--theme-surface);
  color: var(--theme-primary);
}

.hero-btns .btn-yellow,
.hero-btns .btn-ghost {
  position: relative;
  min-height: 48px;
  padding: 0 24px;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 999px;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid color-mix(in srgb, var(--theme-white) 32%, transparent);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.hero-btns .btn-yellow i,
.hero-btns .btn-ghost i {
  width: 23px;
  height: 23px;
  margin-right: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.hero-btns .btn-yellow {
  color: var(--theme-text-inverse);
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary-soft-2) 82%, var(--theme-white)) 0%,
      var(--theme-primary-soft-2) 58%,
      var(--theme-primary-soft) 100%);
  box-shadow:
    0 18px 34px color-mix(in srgb, var(--theme-primary-soft-2) 34%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 34%, transparent);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--theme-primary) 48%, transparent);
}

.hero-btns .btn-yellow i {
  background: color-mix(in srgb, var(--theme-white) 18%, transparent);
  color: var(--theme-text-inverse);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-white) 16%, transparent);
}

.hero-btns .btn-ghost.btn-login {
  color: var(--theme-text-inverse);
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-white) 20%, transparent),
      color-mix(in srgb, var(--theme-white) 8%, transparent)),
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary-soft-2) 32%, transparent),
      color-mix(in srgb, var(--theme-primary) 32%, transparent));
  border-color: color-mix(in srgb, var(--theme-white) 38%, transparent);
  box-shadow:
    0 16px 32px color-mix(in srgb, var(--theme-primary) 28%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 26%, transparent);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--theme-primary) 58%, transparent);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.hero-btns .btn-ghost.btn-login i {
  background: color-mix(in srgb, var(--theme-white) 16%, transparent);
  color: var(--theme-text-inverse);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-white) 16%, transparent);
}

.hero-btns .btn-ghost.btn-signup {
  color: var(--theme-primary);
  background: linear-gradient(135deg,
      var(--theme-surface) 0%,
      color-mix(in srgb, var(--theme-surface-highlight) 72%, var(--theme-surface)) 100%);
  border-color: color-mix(in srgb, var(--theme-white) 82%, transparent);
  box-shadow:
    0 18px 34px color-mix(in srgb, var(--theme-white) 20%, transparent),
    0 16px 30px color-mix(in srgb, var(--theme-primary) 18%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 95%, transparent);
}

.hero-btns .btn-ghost.btn-signup i {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-soft-2) 100%);
  color: var(--theme-text-inverse);
  box-shadow: 0 6px 12px color-mix(in srgb, var(--theme-primary-soft-2) 24%, transparent);
}

.hero-btns .btn-yellow:hover,
.hero-btns .btn-ghost:hover {
  transform: translateY(-3px);
}

.hero-btns .btn-yellow:hover {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary-soft-2) 70%, var(--theme-white)) 0%,
      var(--theme-primary-soft-2) 58%,
      color-mix(in srgb, var(--theme-primary-soft) 86%, var(--theme-primary)) 100%);
  box-shadow:
    0 22px 42px color-mix(in srgb, var(--theme-primary-soft-2) 42%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-primary-soft-2) 16%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 42%, transparent);
}

.hero-btns .btn-ghost.btn-login:hover {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-white) 26%, transparent),
      color-mix(in srgb, var(--theme-white) 12%, transparent)),
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-primary-soft-2) 42%, transparent),
      color-mix(in srgb, var(--theme-primary) 38%, transparent));
  border-color: color-mix(in srgb, var(--theme-white) 58%, transparent);
  box-shadow:
    0 22px 42px color-mix(in srgb, var(--theme-primary) 34%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-white) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 32%, transparent);
}

.hero-btns .btn-ghost.btn-signup:hover {
  color: var(--theme-primary);
  background: linear-gradient(135deg,
      var(--theme-surface) 0%,
      color-mix(in srgb, var(--theme-surface-highlight) 88%, var(--theme-surface)) 100%);
  border-color: var(--theme-white);
  box-shadow:
    0 22px 42px color-mix(in srgb, var(--theme-white) 22%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-white) 16%, transparent),
    0 18px 34px color-mix(in srgb, var(--theme-primary) 20%, transparent);
}

.hero-btns .btn-yellow:focus-visible,
.hero-btns .btn-ghost:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-white) 28%, transparent),
    0 0 0 7px color-mix(in srgb, var(--theme-primary-soft-2) 32%, transparent),
    0 18px 34px color-mix(in srgb, var(--theme-primary) 24%, transparent);
}

.hero-benefit-strip {
  max-width: 1050px;
  margin-top: 42px;
  border: 1px solid color-mix(in srgb, var(--theme-white) 14%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--theme-white) 8%, transparent);
  box-shadow: 0 22px 55px color-mix(in srgb, var(--theme-primary) 18%, transparent);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: hidden;
}

.hero-benefit {
  min-height: 78px;
  padding: 0 22px;
}

.hero-benefit span {
  border-radius: 12px;
  color: var(--theme-link-soft);
}

.filter-bar {
  top: 74px;
  margin-top: -31px;
  margin-left: clamp(1rem, 5vw, 5rem);
  margin-right: clamp(1rem, 5vw, 5rem);
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--theme-surface-border-2) 96%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--theme-surface) 94%, transparent);
  box-shadow: 0 22px 50px color-mix(in srgb, var(--theme-primary) 14%, transparent);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

.filter-select,
.filter-product-search {
  min-height: 44px;
  border: 1px solid var(--theme-surface-border-2);
  border-radius: 12px;
  background: var(--theme-surface-soft);
}

.filter-bar select,
.filter-bar input {
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: transparent;
}

.filter-select:focus-within,
.filter-product-search:focus-within {
  border-color: color-mix(in srgb, var(--theme-primary-soft-2) 72%, var(--theme-surface-border));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--theme-primary-soft-2) 13%, transparent);
}


.categories-card,
.card,
.urgent-dashboard-main,
.urgent-requests-card,
.vm-card {
  border: 1px solid color-mix(in srgb, var(--theme-surface-border-2) 90%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--theme-surface) 92%, transparent);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--theme-primary) 9%, transparent);
}

.categories-card,
.card,
.urgent-dashboard-main {
  padding: 22px;
}

.card-title,
.dashboard-section-title {
  border-left: 0;
  padding-left: 0;
  color: var(--theme-primary);
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 1.22rem;
  letter-spacing: 0;
}

.dashboard-section-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  margin-top: 9px;
  border-radius: 999px;
  background: var(--theme-primary-soft-2);
}

.cat-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: 142px;
  max-height: 148px;
  grid-gap: 12px;
  gap: 12px;
}

.cat-item,
.supplier-cell,
.glance-card,
.quick-tile,
.act-row {
  border: 1px solid var(--theme-surface-border-2);
  border-radius: 14px;
  background: linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-soft) 100%);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--theme-primary) 6%, transparent);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.cat-item:hover,
.supplier-cell:hover,
.glance-card:hover,
.quick-tile:hover,
.act-row:hover {
  border-color: color-mix(in srgb, var(--theme-primary-soft-2) 52%, var(--theme-surface-border));
  box-shadow: 0 20px 42px color-mix(in srgb, var(--theme-primary-soft-2) 13%, transparent);
  transform: translateY(-3px);
}

.card-icon,
.sup-emblem,
.glance-card span,
.quick-tile i {
  border-radius: 14px;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-soft-2) 100%);
  color: var(--theme-text-inverse);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--theme-primary-soft-2) 20%, transparent);
}

.urgent-dashboard-banners {
  grid-gap: 18px;
  gap: 18px;
}

.urgent-dashboard-banner {
  min-height: 176px;
  border-radius: 18px;
  /* border: 1px solid color-mix(in srgb, var(--theme-white) 16%, transparent); */
  box-shadow: 0 22px 46px color-mix(in srgb, var(--theme-primary) 16%, transparent);
}

.urgent-dashboard-banner::after {
  background: linear-gradient(105deg,
      color-mix(in srgb, var(--theme-primary) 94%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary-2) 76%, transparent) 54%,
      color-mix(in srgb, var(--theme-primary-soft-2) 18%, transparent) 100%);
}

.urgent-dashboard-copy h2 {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  letter-spacing: 0;
}

.urgent-dashboard-copy h2 span,
.urgent-dashboard-icon {
  color: var(--theme-link-soft);
}

.quick-tile {
  min-height: 136px;
}

app-landing-page .cat-name,
app-landing-page .quick-tile span,
app-landing-page .sup-logo,
app-landing-page .act-name,
app-landing-page .act-po,
app-landing-page .no-activity-text {
  color: var(--theme-text);
}

app-landing-page .glance-card small,
app-landing-page .quick-tile-subtitle,
app-landing-page .act-desc,
app-landing-page .no-activity p {
  color: var(--theme-text-muted);
}

app-landing-page .quick-tile {
  color: var(--theme-text);
}

app-landing-page .quick-tile-subtitle {
  display: block;
  font-size: 11px;
}

app-landing-page .no-activity-text {
  text-align: center;
  font-style: italic;
  padding: 20px 0;
}
.urgent-requests-card {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-primary) 96%, transparent),
      color-mix(in srgb, var(--theme-primary-2) 88%, transparent)),
    url('/assets/images/procure-card-bg.jpg') center/cover no-repeat;
}

.vm-card {
  padding: 24px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--theme-primary) 94%, transparent) 0%,
      color-mix(in srgb, var(--theme-primary-2) 78%, transparent) 58%,
      color-mix(in srgb, var(--theme-primary-soft-2) 28%, transparent) 100%),
    url('/assets/images/vm-card-bg.jpg') center/cover no-repeat;
}

.vm-card h2 {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 1.28rem;
}

.suppliers-row {
  grid-gap: 14px;
  gap: 14px;
}

.featured-card-header {
  margin-bottom: 20px;
}

.activity-list {
  max-height: 250px;
  grid-gap: 8px;
  gap: 8px;
}

.badge {
  border-radius: 999px;
}

.search-modal-container {
  border-radius: 16px;
}

.search-modal-header {
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-soft-2));
}

.footer {
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--theme-primary) 96%, transparent),
      color-mix(in srgb, var(--theme-primary-2) 90%, transparent)),
    url("/assets/images/footer-bg.jpg") center/cover no-repeat;
  padding-top: 42px;
}

@media (max-width: 680px) {

  .hero-benefit-strip {
    border-radius: 12px;
  }

    .categories-card,
    .card,
    .urgent-dashboard-main,
    .urgent-requests-card,
    .vm-card {
    border-radius: 12px;
    padding: 16px;
  }
}
.btn-yellow,
.hero-btns .btn-yellow {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 92%, var(--theme-white)) 0%,
      var(--theme-accent) 58%,
      var(--theme-accent-hover) 100%);
  color: var(--theme-accent-text);
  box-shadow:
    0 18px 34px color-mix(in srgb, var(--theme-accent) 26%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 44%, transparent);
  text-shadow: none;
}

.btn-yellow:hover,
.hero-btns .btn-yellow:hover {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 82%, var(--theme-white)) 0%,
      var(--theme-accent) 48%,
      var(--theme-accent-hover) 100%);
  box-shadow:
    0 22px 42px color-mix(in srgb, var(--theme-accent) 32%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-accent) 14%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 48%, transparent);
}

.hero-btns .btn-yellow i {
  background: color-mix(in srgb, var(--theme-accent-text) 10%, transparent);
  color: var(--theme-accent-text);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-accent-text) 14%, transparent);
}
}

/* Final sky search dialog polish. */

body.theme-new .search-modal-panel {
  width: min(620px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
}

body.theme-new .search-modal-panel .mat-dialog-container,
body.theme-new .search-modal-panel .mat-mdc-dialog-container,
body.theme-new .search-modal-panel .mdc-dialog__surface {
  padding: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: 0 28px 80px rgba(0, 62, 110, 0.28) !important;
  overflow: hidden !important;
}

body.theme-new .search-modal-container {
  width: 100% !important;
  border: 1px solid rgba(0, 91, 155, 0.12) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  font-family: 'Open Sans', sans-serif !important;
}

body.theme-new .search-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  grid-gap: 14px !important;
  gap: 14px !important;
  padding: 18px 22px !important;
  background: linear-gradient(135deg, #004a7c 0%, #006fb7 100%) !important;
  color: #ffffff !important;
}

body.theme-new .search-modal-header h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body.theme-new .search-modal-header .close-btn {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.theme-new .search-modal-body {
  display: grid !important;
  grid-gap: 14px !important;
  gap: 14px !important;
  min-height: 220px !important;
  padding: 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%) !important;
}

body.theme-new .search-location-select,
body.theme-new .search-input-wrapper {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid rgba(0, 91, 155, 0.16) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 62, 110, 0.06) !important;
}

body.theme-new .search-location-select {
  padding: 0 14px !important;
  color: var(--theme-text, #1b2d46) !important;
  font-weight: 800 !important;
}

body.theme-new .search-input-wrapper {
  display: flex !important;
  align-items: center !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  padding: 0 14px !important;
}

body.theme-new .search-input-wrapper mat-icon {
  width: 22px !important;
  height: 22px !important;
  color: #006fb7 !important;
  font-size: 22px !important;
}

body.theme-new .search-input-wrapper input {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.theme-new .search-results-list {
  display: grid !important;
  grid-gap: 8px !important;
  gap: 8px !important;
  max-height: 320px !important;
  margin-top: 2px !important;
  padding-right: 2px !important;
  border-top: 0 !important;
  overflow: auto !important;
}

body.theme-new .search-result-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  grid-gap: 12px !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(0, 91, 155, 0.12) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(0, 62, 110, 0.05) !important;
  cursor: pointer !important;
}

body.theme-new .search-result-item:hover {
  border-color: rgba(0, 111, 183, 0.35) !important;
  background: #eef7fc !important;
}

body.theme-new .search-result-item .item-info {
  min-width: 0 !important;
  display: grid !important;
  grid-gap: 3px !important;
  gap: 3px !important;
}

body.theme-new .search-result-item .item-name {
  color: var(--theme-text, #1b2d46) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.theme-new .search-result-item .item-supplier {
  color: #60798f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.theme-new .search-result-item mat-icon {
  color: #006fb7 !important;
}

body.theme-new .loading-container,
body.theme-new .no-results {
  min-height: 110px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  padding: 24px !important;
  border: 1px dashed rgba(0, 91, 155, 0.18) !important;
  border-radius: 8px !important;
  background: #f7fbfd !important;
  color: #60798f !important;
  text-align: center !important;
  font-weight: 800 !important;
}

body.theme-new .no-results p {
  margin: 0 !important;
}

/* Shared urgent supplier dropdown overlay fix. */

:is(body, .body).theme-new .cdk-overlay-container :is(.mat-select-panel.custom-select, .custom-select.mat-select-panel) {
  width: 100% !important;
  min-width: 0 !important;
  max-height: 280px !important;
  box-sizing: border-box !important;
  padding: 8px !important;
  border: 1px solid rgba(0, 62, 110, 0.12) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 48px rgba(0, 42, 76, 0.22) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

:is(body, .body).theme-new .cdk-overlay-container :is(.mat-select-panel.custom-select, .custom-select.mat-select-panel) .mat-option {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  height: auto !important;
  margin: 2px 0 !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

:is(body, .body).theme-new .cdk-overlay-container :is(.mat-select-panel.custom-select, .custom-select.mat-select-panel) :is(.mat-option:hover, .mat-option.mat-active) {
  background: #eef7fc !important;
  color: var(--theme-text, #1b2d46) !important;
}

:is(body, .body).theme-new .cdk-overlay-container :is(.mat-select-panel.custom-select, .custom-select.mat-select-panel) ngx-mat-select-search {
  display: block !important;
  width: 100% !important;
}

:is(body, .body).theme-new .cdk-overlay-container :is(.mat-select-panel.custom-select, .custom-select.mat-select-panel) .mat-option:first-child {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #ffffff !important;
  padding: 6px !important;
}

:is(body, .body).theme-new .urgent-dialog .supplier-edit-shell {
  position: relative !important;
  z-index: 4 !important;
  margin: 12px 0 16px !important;
}

/* Final sky categories page layout restore. */

body.theme-new app-categories-page .categories-container {
  width: 100% !important;
  max-width: none !important;
  background:
    radial-gradient(circle at 84% 2%, rgba(38, 128, 248, 0.08), transparent 24rem),
    linear-gradient(180deg, #f3f8fc 0%, #ffffff 48%, #eef6fb 100%) !important;
}

body.theme-new app-categories-page .page-header.hero {
  min-height: 430px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 72px clamp(18px, 5vw, 80px) 88px !important;
  margin: 0 !important;
  border-radius: 0 0 22px 22px !important;
}

body.theme-new app-categories-page .page-header.hero .header-content {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 900px) !important;
  text-align: center !important;
}

body.theme-new app-categories-page .page-header.hero h1 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

body.theme-new app-categories-page .page-header.hero p {
  max-width: 720px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
}

body.theme-new app-categories-page .page-body {
  display: block !important;
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 36px clamp(16px, 4vw, 48px) 84px !important;
  background: transparent !important;
}

body.theme-new app-categories-page .page-body>.d-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  grid-gap: 16px !important;
  gap: 16px !important;
  width: 100% !important;
  margin-bottom: 26px !important;
}

body.theme-new app-categories-page .header-actions {
  flex: 0 0 auto !important;
}

body.theme-new app-categories-page .search-box {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 640px !important;
  margin: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  grid-gap: 12px !important;
  gap: 12px !important;
}

body.theme-new app-categories-page .search-box input {
  flex: 1 1 360px !important;
  width: 100% !important;
  min-width: 220px !important;
}

body.theme-new app-categories-page .categories-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  grid-gap: 22px !important;
  gap: 22px !important;
  width: 100% !important;
}

body.theme-new app-categories-page .suppliers-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  grid-gap: 18px !important;
  gap: 18px !important;
  width: 100% !important;
}

body.theme-new app-categories-page .category-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 190px !important;
  padding: 24px !important;
  border-radius: 8px !important;
  text-align: center !important;
}

body.theme-new app-categories-page .supplier-card {
  display: flex !important;
  align-items: center !important;
  grid-gap: 15px !important;
  gap: 15px !important;
  min-height: 92px !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
}

body.theme-new app-categories-page .card-icon,
body.theme-new app-categories-page .sup-emblem {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 8px !important;
  margin-bottom: 14px !important;
}

body.theme-new app-categories-page .supplier-card .sup-emblem {
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  body.theme-new app-categories-page .page-header.hero {
    min-height: 300px !important;
    padding: 52px 18px 64px !important;
  }

  body.theme-new app-categories-page .page-body>.d-flex,
  body.theme-new app-categories-page .search-box {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.theme-new app-categories-page .search-box {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.theme-new app-categories-page .search-box input,
  body.theme-new app-categories-page .search-box .search-icon,
  body.theme-new app-categories-page .back-btn {
    width: 100% !important;
  }
}

/* Final sky PO/RFQ form layout restore. */

body.theme-new app-new-add-quotation .page-body,
body.theme-new app-new-register-purchase .page-body {
  display: block !important;
  width: 100% !important;
  min-height: calc(100vh - 63px) !important;
  padding: 24px clamp(1rem, 3.4vw, 2.5rem) 36px !important;
  background:
    radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--theme-primary-soft-2, #0056d6) 9%, transparent), transparent 22rem),
    linear-gradient(180deg, var(--theme-surface-soft, #f5f8fd) 0%, var(--theme-surface-highlight, #e7f2ff) 100%) !important;
}

body.theme-new app-new-add-quotation .page-top,
body.theme-new app-new-register-purchase .page-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  grid-gap: 16px !important;
  gap: 16px !important;
  width: 100% !important;
  margin-bottom: 16px !important;
}

body.theme-new app-new-add-quotation .form-grid,
body.theme-new app-new-register-purchase .form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-gap: 18px !important;
  gap: 18px !important;
  /* width: min(100%, 1280px) !important; */
  /* max-width: 1280px !important; */
  margin: 0 auto !important;
  align-items: start !important;
}

body.theme-new app-new-add-quotation .form-main,
body.theme-new app-new-register-purchase .form-main {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.36fr) minmax(0, 0.64fr) !important;
  grid-gap: 18px !important;
  gap: 18px !important;
  width: 100% !important;
  align-items: start !important;
}

body.theme-new app-new-add-quotation .form-section,
body.theme-new app-new-register-purchase .form-section {
  width: 100% !important;
  min-width: 0 !important;
}

body.theme-new app-new-add-quotation .field-row-2,
body.theme-new app-new-register-purchase .field-row-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.theme-new app-new-add-quotation .field-row-3,
body.theme-new app-new-register-purchase .field-row-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.theme-new app-new-add-quotation .table-wrap,
body.theme-new app-new-register-purchase .table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}

body.theme-new app-new-add-quotation table,
body.theme-new app-new-register-purchase table {
  width: 100% !important;
  min-width: 640px !important;
}

@media (max-width: 1024px) {

  body.theme-new app-new-add-quotation .form-main,
  body.theme-new app-new-register-purchase .form-main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {

  body.theme-new app-new-add-quotation .page-body,
  body.theme-new app-new-register-purchase .page-body {
    padding: 18px 1rem 28px !important;
  }

  body.theme-new app-new-add-quotation .page-top,
  body.theme-new app-new-register-purchase .page-top {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.theme-new app-new-add-quotation .field-row-2,
  body.theme-new app-new-add-quotation .field-row-3,
  body.theme-new app-new-register-purchase .field-row-2,
  body.theme-new app-new-register-purchase .field-row-3 {
    grid-template-columns: 1fr !important;
  }
}

/* End-of-file sky supplier details filter bar restore. */

body.theme-new app-new-supplier-info .filter-bar {
  position: relative !important;
  top: auto !important;
  width: min(100% - 32px, 1280px) !important;
  margin: 18px auto 0 !important;
  padding: 12px 14px !important;
    border: 1px solid rgba(0, 91, 155, 0.1) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 22px 56px rgba(0, 62, 110, 0.12) !important;
    -webkit-backdrop-filter: blur(16px) !important;
            backdrop-filter: blur(16px) !important;
}

body.theme-new app-new-supplier-info .filter-select {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  grid-gap: 10px !important;
  gap: 10px !important;
  padding: 0 12px !important;
  height: 48px !important;
    min-width: 0 !important;
    border-radius: 10px !important;
    overflow: visible !important;
}

body.theme-new app-new-supplier-info .filter-select>i:not(.filter-chevron) {
  position: static !important;
  flex: 0 0 30px !important;
}

body.theme-new app-new-supplier-info .filter-select select,
body.theme-new app-new-supplier-info .filter-select .landing-location-select,
body.theme-new app-new-supplier-info .royal-select-trigger {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 24px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.theme-new app-new-supplier-info .royal-select-trigger {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.theme-new app-new-supplier-info .royal-select-trigger span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.theme-new app-new-supplier-info .royal-select-trigger:focus-visible {
  outline: 0 !important;
}

body.theme-new app-new-supplier-info .filter-select:focus-within {
  border-color: rgba(0, 111, 183, 0.34) !important;
  box-shadow:
    0 12px 26px rgba(0, 62, 110, 0.1),
    0 0 0 3px rgba(0, 111, 183, 0.1) !important;
}

body.theme-new app-new-supplier-info .royal-select-trigger.is-open+.filter-chevron {
  transform: translateY(-50%) rotate(180deg) !important;
}

body.theme-new app-new-supplier-info .royal-select-panel {
  position: absolute !important;
  z-index: 50 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  grid-gap: 4px !important;
  gap: 4px !important;
  max-height: 280px !important;
  padding: 8px !important;
  border: 1px solid rgba(0, 91, 155, 0.14) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 54px rgba(0, 42, 76, 0.2) !important;
  overflow-y: auto !important;
}

body.theme-new app-new-supplier-info .royal-select-option {
  width: 100% !important;
  min-height: 38px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

body.theme-new app-new-supplier-info .royal-select-option:hover,
body.theme-new app-new-supplier-info .royal-select-option:focus-visible {
  background: #eef7fc !important;
  color: #005b9b !important;
  outline: 0 !important;
}

body.theme-new app-new-supplier-info .royal-select-option.is-selected {
  background: linear-gradient(135deg, #006fb7 0%, #008bd2 100%) !important;
  color: #ffffff !important;
}

body.theme-new app-new-supplier-info .filter-chevron {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
    transition: transform 0.18s ease !important;
}

body.theme-new app-new-supplier-info .main-container {
  width: min(100% - 80px, 1760px) !important;
    margin: 0 auto !important;
    padding: 24px 0 44px !important;
}

body.theme-new app-new-supplier-info .back-btn {
  margin: 0 0 26px !important;
}

/* Final sky landing language dropdown polish. */

body.theme-new .landing-header .minimal-lang-btn,
.body.theme-new .landing-header .minimal-lang-btn {
  min-width: 96px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-gap: 7px !important;
  gap: 7px !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

body.theme-new .landing-header .minimal-lang-btn img,
.body.theme-new .landing-header .minimal-lang-btn img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body.theme-new .landing-header .minimal-lang-btn span,
.body.theme-new .landing-header .minimal-lang-btn span {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.theme-new .landing-header .minimal-lang-btn .dropdown-icon,
.body.theme-new .landing-header .minimal-lang-btn .dropdown-icon {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 18px !important;
  line-height: 18px !important;
}

body.theme-new app-new-supplier-info .main-container>.d-flex {
  margin-bottom: 18px !important;
}

body.theme-new app-new-supplier-info .title {
  margin: 0 !important;
}

body.theme-new app-new-supplier-info .search-box {
  margin: 0 !important;
}

body.theme-new app-new-supplier-info .suppliers-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(390px, 100%), 1fr)) !important;
  grid-gap: 20px !important;
  gap: 20px !important;
}

body.theme-new app-new-supplier-info .supplier-card {
  min-height: 102px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.cdk-overlay-container .minimal-lang-menu,
.cdk-overlay-container .minimal-lang-menu.mat-menu-panel,
.cdk-overlay-container .minimal-lang-menu.mat-mdc-menu-panel,
body.theme-new .cdk-overlay-container .minimal-lang-menu,
body.theme-new .cdk-overlay-container .minimal-lang-menu .mat-mdc-menu-panel,
body.theme-new .cdk-overlay-container .minimal-lang-menu.mat-mdc-menu-panel {
  min-width: 132px !important;
  max-width: 180px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.cdk-overlay-container .minimal-lang-menu .mat-mdc-menu-content,
.cdk-overlay-container .minimal-lang-menu .mat-menu-content,
body.theme-new .cdk-overlay-container .minimal-lang-menu .mat-mdc-menu-content,
body.theme-new .cdk-overlay-container .minimal-lang-menu .mat-menu-content {
  padding: 6px !important;
}

.cdk-overlay-container .minimal-lang-menu button.mat-mdc-menu-item,
.cdk-overlay-container .minimal-lang-menu button.mat-menu-item,
body.theme-new .cdk-overlay-container .minimal-lang-menu button.mat-mdc-menu-item,
body.theme-new .cdk-overlay-container .minimal-lang-menu button.mat-menu-item {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
}

.cdk-overlay-container .minimal-lang-menu img,
body.theme-new .cdk-overlay-container .minimal-lang-menu img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

@media (max-width: 1180px) {
  body.theme-new app-new-supplier-info .main-container {
    width: calc(100% - 48px) !important;
  }
}

@media (max-width: 700px) {
  body.theme-new app-new-supplier-info .filter-bar {
    width: calc(100% - 24px) !important;
    padding: 10px !important;
  }

  body.theme-new app-new-supplier-info .main-container {
    width: calc(100% - 28px) !important;
    padding-top: 18px !important;
  }
}

/* Landing language menu overlay. Angular Material mounts this outside the theme wrapper. */

.cdk-overlay-container :is(.minimal-lang-menu, .minimal-lang-menu.mat-menu-panel, .minimal-lang-menu.mat-mdc-menu-panel) {
  min-width: 132px !important;
  max-width: 168px !important;
  border: 1px solid rgba(0, 91, 155, 0.14) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 20px 46px rgba(0, 42, 76, 0.22) !important;
  overflow: hidden !important;
}

.cdk-overlay-container .minimal-lang-menu :is(.mat-menu-content, .mat-mdc-menu-content) {
  padding: 6px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9fd 100%) !important;
}

.cdk-overlay-container .minimal-lang-menu :is(.mat-menu-item, .mat-mdc-menu-item) {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.cdk-overlay-container .minimal-lang-menu :is(.mat-menu-item:hover, .mat-menu-item.cdk-focused, .mat-mdc-menu-item:hover, .mat-mdc-menu-item.cdk-focused) {
  background: #eaf6fc !important;
  color: #005b9b !important;
}

.cdk-overlay-container .minimal-lang-menu :is(.mat-menu-item, .mat-mdc-menu-item) .mat-mdc-menu-item-text,
.cdk-overlay-container .minimal-lang-menu :is(.mat-menu-item, .mat-mdc-menu-item) span {
  display: inline-flex !important;
  align-items: center !important;
  grid-gap: 8px !important;
  gap: 8px !important;
  color: inherit !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.cdk-overlay-container .minimal-lang-menu img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: 0 8px 0 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Dynamic landing popup colors: sky theme. */

body.theme-new {
  --landing-popup-bg: #ffffff;
  --landing-popup-bg-soft: #f4f9fd;
  --landing-popup-bg-muted: #eaf6fc;
  --landing-popup-border: rgba(0, 91, 155, 0.14);
  --landing-popup-border-strong: rgba(0, 111, 183, 0.34);
  --landing-popup-text: var(--theme-text, #1b2d46);
  --landing-popup-text-soft: #60798f;
  --landing-popup-heading: var(--theme-text, #1b2d46);
  --landing-popup-primary: #006fb7;
  --landing-popup-primary-2: #008bd2;
  --landing-popup-accent: #f0a500;
  --landing-popup-accent-2: #d49200;
  --landing-popup-primary-text: #ffffff;
  --landing-popup-accent-text: #1a1a1a;
  --landing-popup-danger: #dc2626;
  --landing-popup-danger-bg: #fff1f1;
  --landing-popup-shadow: rgba(0, 42, 76, 0.22);
  --landing-popup-focus: rgba(0, 111, 183, 0.14);
}

body.theme-new :is(.mat-dialog-container, .mat-mdc-dialog-container, .mdc-dialog__surface) {
  --theme-primary: var(--landing-popup-primary);
  --theme-primary-2: var(--landing-popup-primary-2);
  --theme-accent: var(--landing-popup-accent);
  --theme-accent-hover: var(--landing-popup-accent-2);
  --theme-text: var(--landing-popup-text);
  --theme-text-muted: var(--landing-popup-text-soft);
  --theme-surface: var(--landing-popup-bg);
  --theme-surface-soft: var(--landing-popup-bg-soft);
  --theme-surface-border: var(--landing-popup-border);
  --theme-text-inverse: var(--landing-popup-primary-text);
}

body.theme-new :is(.search-modal-panel, .urgent-spare-parts-dialog-panel, .urgent-crew-dialog-panel, .track-email-dialog-panel, .maintenance-login-dialog-panel, .company-signup-dialog-panel, .portal-login-dialog) :is(.mat-dialog-container, .mat-mdc-dialog-container, .mdc-dialog__surface) {
  padding: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  /* box-shadow: 0 28px 74px var(--landing-popup-shadow) !important; */
  overflow: hidden !important;
}

body.theme-new :is(.maintenance-login-dialog, .track-dialog, .company-signup-dialog, .crew-dialog, .urgent-dialog, .search-modal-container, .custom-modal, .modal-content) {
  color: var(--landing-popup-text) !important;
}

body.theme-new :is(.dialog-card, .track-dialog, .company-signup-dialog, .crew-dialog, .urgent-dialog, .search-modal-container, .custom-modal, .modal-content) {
  border: 1px solid var(--landing-popup-border) !important;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--landing-popup-primary-2) 12%, transparent), transparent 28%),
    linear-gradient(180deg, var(--landing-popup-bg) 0%, var(--landing-popup-bg-soft) 100%) !important;
  box-shadow: 0 24px 60px var(--landing-popup-shadow) !important;
}

body.theme-new :is(.dialog-card::before, .modal-header, .search-modal-header, .signup-head, .track-head, .crew-header, .urgent-header) {
  background: linear-gradient(135deg, var(--landing-popup-primary) 0%, var(--landing-popup-primary-2) 100%) !important;
  color: var(--landing-popup-primary-text) !important;
}

body.theme-new :is(.dialog-head h2, .modal-header h2, .search-modal-header h3, .signup-head h2, .track-head h2, .crew-header h2, .urgent-header h2, .urgent-dialog h3, .crew-dialog h3) {
  color: var(--landing-popup-heading) !important;
}

body.theme-new :is(.modal-header h2, .search-modal-header h3, .signup-head h2, .track-head h2, .crew-header h2, .urgent-header h2) {
  color: var(--landing-popup-primary-text) !important;
}

body.theme-new :is(.eyebrow, .brand-icon, .panel-icon, .step-icon, .search-input-wrapper mat-icon, .search-result-item mat-icon) {
  color: var(--landing-popup-primary) !important;
}

body.theme-new .brand-icon {
  background: linear-gradient(135deg, var(--landing-popup-primary) 0%, var(--landing-popup-primary-2) 100%) !important;
  color: var(--landing-popup-primary-text) !important;
}

body.theme-new :is(.field-block label, .crew-dialog label, .urgent-dialog label, .track-body label, .priority-title) {
  color: var(--landing-popup-text) !important;
}

body.theme-new :is(.input-wrap, .search-location-select, .search-input-wrapper, .crew-dialog input, .crew-dialog textarea, .urgent-dialog input, .urgent-dialog textarea, .company-signup-dialog input, .company-signup-dialog textarea, .track-dialog input, .track-dialog textarea, .custom-modal input, .custom-modal textarea, .custom-modal select) {
  border-color: var(--landing-popup-border) !important;
  background: var(--landing-popup-bg) !important;
  color: var(--landing-popup-text) !important;
}

/* body.theme-new :is(.input-wrap:focus-within, .search-input-wrapper:focus-within, .crew-dialog input:focus, .crew-dialog textarea:focus, .urgent-dialog input:focus, .urgent-dialog textarea:focus, .company-signup-dialog input:focus, .company-signup-dialog textarea:focus, .track-dialog input:focus, .track-dialog textarea:focus) {
  border-color: var(--landing-popup-border-strong) !important;
  box-shadow: 0 0 0 4px var(--landing-popup-focus) !important;
}

*/

body.theme-new :is(.btn-primary, .submit-btn, .draft-btn, .signup-footer .md-btn, .dialog-form .btn-primary, .modal-footer .primary-btn, .default-btn:not(.back-btn, .delete)) {
  background: linear-gradient(135deg, var(--landing-popup-primary) 0%, var(--landing-popup-primary-2) 100%) !important;
  color: var(--landing-popup-primary-text) !important;
  border-color: transparent !important;
}

body.theme-new :is(.btn-secondary, .cancel-btn, .link-btn, .signup-footer .back-btn, .dialog-form .btn-secondary, .modal-footer .back-btn, .supplier-action-btn.ghost, .dialog-close, .close-btn) {
  border-color: var(--landing-popup-border) !important;
  background: var(--landing-popup-bg-muted) !important;
  color: var(--landing-popup-text) !important;
}

body.theme-new :is(.error-block, .field-error, .urgent-dialog input.invalid, .urgent-dialog textarea.invalid, .crew-dialog input.invalid, .crew-dialog textarea.invalid) {
  border-color: color-mix(in srgb, var(--landing-popup-danger) 28%, white) !important;
  color: var(--landing-popup-danger) !important;
}

/* Sky maintenance login dialog. */

body.theme-new .maintenance-login-dialog-panel {
  width: min(430px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
}

body.theme-new .maintenance-login-dialog-panel :is(.mat-dialog-container, .mat-mdc-dialog-container, .mdc-dialog__surface) {
  padding: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 30px 80px rgba(0, 42, 76, 0.26) !important;
  overflow: hidden !important;
}

body.theme-new .maintenance-login-dialog {
  width: 100% !important;
  max-height: calc(100vh - 28px) !important;
  color: var(--landing-popup-text) !important;
  overflow: auto !important;
}

body.theme-new .maintenance-login-dialog .dialog-card {
  position: relative !important;
  padding: 26px !important;
  border: 1px solid rgba(0, 91, 155, 0.14) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(0, 139, 210, 0.18) 0 22%, transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f4f9fd 100%) !important;
  box-shadow: none !important;
}

body.theme-new .maintenance-login-dialog .dialog-card::before {
  height: 4px !important;
  background: linear-gradient(90deg, #006fb7 0%, #008bd2 58%, #f0a500 100%) !important;
}

body.theme-new .maintenance-login-dialog .dialog-close {
  top: 14px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(0, 91, 155, 0.12) !important;
  border-radius: 8px !important;
  background: #eaf6fc !important;
  color: #60798f !important;
}

body.theme-new .maintenance-login-dialog .dialog-close:hover {
  background: #dff1fa !important;
  color: #006fb7 !important;
  transform: translateY(-1px) !important;
}

body.theme-new .maintenance-login-dialog .dialog-head {
  margin-bottom: 22px !important;
  padding-right: 44px !important;
}

body.theme-new .maintenance-login-dialog .brand-mark {
  align-items: center !important;
  grid-gap: 14px !important;
  gap: 14px !important;
  margin-bottom: 0 !important;
}

body.theme-new .maintenance-login-dialog .brand-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #006fb7 0%, #008bd2 100%) !important;
  color: #ffffff !important;
  font-size: 1.35rem !important;
  box-shadow: 0 14px 30px rgba(0, 111, 183, 0.22) !important;
}

body.theme-new .maintenance-login-dialog .eyebrow {
  margin-bottom: 5px !important;
  color: #006fb7 !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

body.theme-new .maintenance-login-dialog .dialog-head h2 {
  margin: 0 !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: clamp(1.55rem, 4vw, 2rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body.theme-new .maintenance-login-dialog .dialog-form {
  grid-gap: 14px !important;
  gap: 14px !important;
}

body.theme-new .maintenance-login-dialog .field-block label {
  margin-bottom: 7px !important;
  color: var(--theme-text, #1b2d46) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

body.theme-new .maintenance-login-dialog .input-wrap {
  min-height: 50px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(0, 91, 155, 0.14) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 62, 110, 0.05) !important;
}

body.theme-new .maintenance-login-dialog .input-wrap:focus-within {
  border-color: rgba(0, 111, 183, 0.42) !important;
  box-shadow:
    0 0 0 4px rgba(0, 111, 183, 0.12),
    0 12px 26px rgba(0, 62, 110, 0.08) !important;
}

body.theme-new .maintenance-login-dialog .input-wrap>i {
  color: #006fb7 !important;
}

body.theme-new .maintenance-login-dialog .input-wrap input {
  color: var(--theme-text, #1b2d46) !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
}

body.theme-new .maintenance-login-dialog .input-wrap input::placeholder {
  color: #8da4b8 !important;
}

body.theme-new .maintenance-login-dialog .field-error {
  color: #dc2626 !important;
  font-weight: 700 !important;
}

body.theme-new .maintenance-login-dialog .error-block {
  border: 1px solid rgba(220, 38, 38, 0.22) !important;
  border-radius: 8px !important;
  background: #fff1f1 !important;
  color: #dc2626 !important;
  font-weight: 700 !important;
}

body.theme-new .maintenance-login-dialog .btn-primary,
body.theme-new .maintenance-login-dialog .btn-secondary {
  min-height: 48px !important;
  border-radius: 8px !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
}

body.theme-new .maintenance-login-dialog .btn-primary {
  background: linear-gradient(135deg, #006fb7 0%, #008bd2 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(0, 111, 183, 0.24) !important;
}

body.theme-new .maintenance-login-dialog .btn-primary:hover:not(:disabled) {
  box-shadow: 0 20px 42px rgba(0, 111, 183, 0.3) !important;
}

body.theme-new .maintenance-login-dialog .btn-secondary {
  border: 1px solid rgba(0, 91, 155, 0.14) !important;
  background: #eaf6fc !important;
  color: var(--theme-text, #1b2d46) !important;
}

@media (max-width: 640px) {
  body.theme-new .maintenance-login-dialog .dialog-card {
    padding: 20px !important;
  }

  body.theme-new .maintenance-login-dialog .brand-icon {
    width: 50px !important;
    height: 50px !important;
  }
}

/* Sky maintenance login dialog alignment pass: match other landing dialogs. */

body.theme-new .maintenance-login-dialog-panel {
  width: min(480px, calc(100vw - 32px)) !important;
}

body.theme-new .maintenance-login-dialog {
  width: 100% !important;
  border-radius: 8px !important;
  background: var(--theme-surface-soft, #f4f7fd) !important;
  box-shadow: 0 24px 70px rgba(13, 28, 54, 0.22) !important;
}

body.theme-new .maintenance-login-dialog .dialog-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--theme-surface-soft, #f4f7fd) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.theme-new .maintenance-login-dialog .dialog-card::before {
  content: none !important;
}

body.theme-new .maintenance-login-dialog .dialog-head {
  min-height: 104px !important;
  margin: 0 !important;
  padding: 22px 68px 22px 24px !important;
  color: var(--theme-text-inverse, #ffffff) !important;
  background: linear-gradient(135deg, var(--theme-primary, #004a7c) 0%, var(--theme-primary-2, #006fb7) 100%) !important;
  position: relative !important;
}

body.theme-new .maintenance-login-dialog .dialog-head::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 4px !important;
  background: var(--theme-accent, #f0a500) !important;
}

body.theme-new .maintenance-login-dialog .brand-mark {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  grid-gap: 14px !important;
  gap: 14px !important;
  margin: 0 !important;
}

body.theme-new .maintenance-login-dialog .brand-icon {
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: var(--theme-accent, #f0a500) !important;
  box-shadow: none !important;
}

body.theme-new .maintenance-login-dialog .eyebrow {
  margin: 0 0 5px !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

body.theme-new .maintenance-login-dialog .dialog-head h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

body.theme-new .maintenance-login-dialog .dialog-close {
  top: 22px !important;
  right: 24px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  z-index: 2 !important;
}

body.theme-new .maintenance-login-dialog .dialog-close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

body.theme-new .maintenance-login-dialog .dialog-form {
  padding: 22px !important;
  grid-gap: 16px !important;
  gap: 16px !important;
  background: var(--theme-surface-soft, #f4f7fd) !important;
}

body.theme-new .maintenance-login-dialog .field-block label {
  margin: 0 0 7px !important;
  color: var(--theme-primary, #004a7c) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.theme-new .maintenance-login-dialog .input-wrap {
  min-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  background: var(--theme-surface, #ffffff) !important;
  box-shadow: none !important;
}

body.theme-new .maintenance-login-dialog .input-wrap:focus-within {
  border-color: var(--theme-primary-2, #006fb7) !important;
  box-shadow: 0 0 0 3px rgba(0, 111, 183, 0.16) !important;
}

body.theme-new .maintenance-login-dialog .btn-primary,
body.theme-new .maintenance-login-dialog .btn-secondary {
  min-height: 42px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}

body.theme-new .maintenance-login-dialog .btn-primary {
  margin-top: 2px !important;
  background: var(--theme-accent, #f0a500) !important;
  color: var(--theme-accent-text, #1a1a1a) !important;
  box-shadow: 0 10px 22px rgba(240, 165, 0, 0.18) !important;
}

body.theme-new .maintenance-login-dialog .btn-primary:hover:not(:disabled) {
  background: var(--theme-accent-hover, #d49200) !important;
  box-shadow: 0 12px 26px rgba(240, 165, 0, 0.22) !important;
}

body.theme-new .maintenance-login-dialog .btn-secondary {
  border: 1px solid var(--theme-surface-border, #d4d9e3) !important;
  background: var(--theme-surface, #ffffff) !important;
  color: var(--theme-primary, #004a7c) !important;
}

body.theme-new .maintenance-login-dialog .error-block {
  border-radius: 7px !important;
}

@media (max-width: 640px) {
  body.theme-new .maintenance-login-dialog .dialog-head {
    padding: 20px 62px 20px 18px !important;
  }

  body.theme-new .maintenance-login-dialog .dialog-close {
    top: 18px !important;
    right: 18px !important;
  }

  body.theme-new .maintenance-login-dialog .dialog-form {
    padding: 18px !important;
  }
}

/*
------------------------------------------------------------
Project Name : mypmo;
------------------------------------------------------------
*/

/* Reset
--------------------------------------------------------------------------------------------------------*/

/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

:root {
  --navy: #1c2d4f;
  --navy-dark: #111e35;
  --navy-mid: #1e3e74;
  --gold: #f0a500;
  --gold-dark: #c98e00;
  --blue: #2a5298;
  --blue-2: #2d4370;
  --bg: #eef0f4;
  --border: #d4d9e3;
  --white: #ffffff;
  --text: #1e1e1e;
  --muted: #6b7280;
  --danger: #c0392b;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* General
--------------------------------------------------------------------------------------------------------*/

* {
  outline: none !important;
}

html,
body {
  min-width: 320px;
  min-height: 100vh;
}

body {
  font-size: 16px;
  line-height: 22px;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: 'Roboto', sans-serif;
}

.wrapper {
  min-height: 100vh;
}

a {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
  padding: 0;
}

h1 {
  font-size: 30px;
  line-height: 44px;
}

h2 {
  font-size: 24px;
  line-height: 28px;
}

h3 {
  font-size: 22px;
  line-height: 26px;
}

h4 {
  font-size: 18px;
  line-height: 22px;
}

h5 {
  font-size: 16px;
  line-height: 18px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: block;
}

p {
  padding: 0;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

::-webkit-input-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;
}

::-moz-focus-inner {
  border: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

option:not(:checked) {
  color: black;
}

.primary-link {
  font-size: 16px;
  line-height: 18px;
  color: #00AEEF;
}

.primary-link:hover {
  color: #00AEEF;
}

strong {
  font-weight: 700;
}

a:hover {
  text-decoration: underline;
}

.text-center {
  text-align: center !important;
}

.text-danger {
  color: #b32222 !important;
}

.overflow-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row-click,
button,
.cursor-pointer {
  cursor: pointer;
}

.highlight-text2 {
  background-color: yellow;
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
  animation: fadeInOut 1s ease-in-out infinite;
}

@keyframes fadeInOut {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.fsk1 {
  font-size: 10px;
  font-style: italic;
}

.form-title {
  color: #4f4f4f;
  font-weight: 700;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #4f4f4f !important;
}

/* header
--------------------------------------------------------------------------------------------------------*/

header {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}

header,
header .left-nav {
  display: flex;
}

header .right-nav {
  max-width: calc(100% - 290px);
  flex-basis: calc(100% - 290px);
  display: flex;
  align-items: center;
}

header .left-nav {
  align-items: center;
  padding-left: 10px;
  max-width: 260px;
  flex-basis: 260px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 30px;
}

header .left-nav>.mat-button-base {
  height: 44px;
  width: 44px;
  margin-right: 8px;
  min-width: auto;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .left-nav>.mat-button-base img {
  width: 24px;
  height: 16px;
  display: block;
  margin-right: 0;
}

header .left-nav a>img {
  width: 56px;
  height: 48px;
  display: block;
}

.location-select.form-group {
  max-width: 220px;
  position: relative;
  min-width: 220px;
}

.location-select.form-group.mat-form-field {
  width: auto;
}

.location-select.form-group::before {
  content: "";
  position: absolute;
  z-index: 5;
  display: block;
  height: 24px;
  width: 24px;
  background-image: url('location-icon.f86701ea480291c1e6d5.svg');
  background-repeat: no-repeat;
  background-position: center;
  left: 12px;
  top: 16px;
}

.location-select.form-group.mat-form-field-appearance-outline .mat-select-value {
  padding-left: 34px;
}

.location-select.form-group.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
  border-radius: 4px;
  margin-bottom: 4px;
}

.location-select.form-group.mat-form-field-appearance-outline .mat-form-field-outline {
  background: #EDF2F5;
  border-radius: 4px;
}

.location-select.form-group.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #EDF2F5;
}

.location-select.form-group.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #aaaaaa;
}

.form-group.mat-form-field-appearance-outline .mat-select-min-line {
  font-size: 16px;
  line-height: 18px;
  position: relative;
  top: 1px;
  font-weight: 400;
  color: #4f4f4f;
}

.vertical-icon-btn.mat-button {
  min-width: 68px;
  height: 68px;
  padding: 10px;
  border-radius: 0;
}

header .vertical-icon-btn.mat-button {
  border-left: 1px solid #dddddd;
}

.vertical-icon-btn.mat-button-base .mat-button-wrapper>span {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #4F4F4F;
}

.vertical-icon-btn.mat-button-base .mat-button-wrapper>img {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  display: block;
  margin-right: 0 !important;
}

.vertical-icon-btn .mat-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between !important;
  height: 100%;
}

.header-menu.mat-button {
  height: 68px;
  position: relative;
  padding: 0 36px 0 15px;
  border-radius: 0;
  border-left: 1px solid #dddddd;
}

.header-menu.mat-button::after {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url('arrow.94e634eab09c1fe3af39.svg');
  background-repeat: no-repeat;
  background-size: cover;
  right: 6px;
  transform: rotate(90deg);
  top: 21px;
}

.header-menu.mat-button .mat-button-wrapper {
  display: flex;
  align-items: center;
}

.header-menu.mat-button .mat-button-wrapper .user-icon {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  margin-right: 9px;
  background: #F2F2F2;
  border-radius: 50%;
}

.header-menu.mat-button .mat-button-wrapper .user-icon img {
  margin-right: 0;
  height: 20px;
  width: 20px;
}

.header-menu.mat-button .mat-button-wrapper img {
  display: block;
  margin-right: 9px;
}

.header-menu.mat-button.language-btn {
  padding-right: 32px;
}

.header-menu.mat-button.language-btn .mat-button-wrapper img {
  height: 22px;
  width: 22px;
  margin-right: 7px;
  border-radius: 50%;
}

.header-menu.mat-button.admin-menu .mat-button-wrapper img {
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.header-menu.mat-button .mat-button-wrapper img.rounded {
  border-radius: 50%;
}

.header-menu.mat-button .mat-button-wrapper span {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #4f4f4f;
}

.header-menu.mat-button.admin-menu {
  height: 48px;
  margin-right: 15px;
  border: 1px solid #00ADEF;
  border-radius: 4px;
}

.header-menu.mat-button.admin-menu::after {
  top: 11px;
}

.header-menu.mat-button.admin-menu .mat-button-wrapper span {
  color: #00ADEF;
}

.header-menu.mat-button.admin-menu::after {
  background-image: url('arrow-blue.066c417907932397c57b.svg');
}

.header-menu.mat-button.admin-menu {
  padding-left: 12px;
}

header .dropdown-block {
  display: flex;
  margin-left: auto;
  align-items: center;
}

/* login-wrapper
--------------------------------------------------------------------------------------------------------*/

.login-wrapper {
  min-height: 100vh;
  display: flex;
}

.login-wrapper>div {
  max-width: 50%;
  flex-basis: 50%;
  flex-shrink: 1;
  flex-grow: 1;
}

.login-wrapper .left,
.login-wrapper .right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 60px 15px;
}

.login-wrapper .left>img {
  width: 200px;
  height: 172px;
  display: block;
  margin-bottom: 35px;
}

.login-wrapper .left>p {
  text-align: center;
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #4F4F4F;
  margin-bottom: 26px;
  max-width: 555px;
}

.login-wrapper .left>p strong {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  color: #004A91;
}

.login-wrapper .left>a {
  margin-bottom: 32px;
}

.login-wrapper .left h2 {
  font-weight: 700;
  color: #4F4F4F;
  margin-bottom: 20px;
}

.login-wrapper .left .contact-info {
  display: flex;
}

.login-wrapper .contact-info p {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #4F4F4F;
}

.login-wrapper .contact-info p:not(:last-child) {
  margin-right: 20px;
}

.login-wrapper .contact-info a {
  color: #4f4f4f;
  margin-left: 5px;
}

.login-wrapper .right {
  position: relative;
  background: #004A91;
}

.login-wrapper .right::after,
.login-wrapper .right::before {
  content: "";
  position: absolute;
  z-index: 0;
  display: block;
  height: 321px;
  width: 348px;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-wrapper .right::after {
  top: 0;
  right: 0;
  background-image: url('login-curve.2337150015466e33e9b7.svg');
}

.login-wrapper .right::before {
  bottom: 0;
  left: 0;
  background-image: url('login-curve-2.2db31055b5f1aa26d9e9.svg');
}

.login-box>a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}

.login-box>.mat-flat-button {
  margin-bottom: 28px;
  margin-top: 4px;
}

.login-box {
  display: flex;
  flex-direction: column;
  max-width: 320px;
  width: 100%;
  z-index: 1;
  position: relative;
}

.login-box h1 {
  font-weight: 500;
  color: #ffffff;
}

.login-box>small {
  font-size: 16px;
  line-height: 44px;
  margin-bottom: 8px;
  font-weight: 400;
  color: #ffffff;
}

.login-box .form-group.mat-form-field-appearance-outline .mat-form-field-infix input {
  caret-color: #ffffff;
}

.login-box .form-group.mat-form-field-appearance-outline .mat-form-field-infix input,
.login-box .form-group.mat-form-field-appearance-outline .mat-form-field-label,
.login-box .form-group.mat-form-field.mat-focused .mat-form-field-label {
  color: #ffffff
}

.login-box .form-group.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.6);
  background: transparent
}

.login-box .form-group.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(255, 255, 255, 1);
}

.login-box .mat-flat-button:hover,
.login-box .mat-flat-button:focus {
  background: #eeeeee;
}

.login-box .mat-flat-button {
  height: 48px;
  font-size: 16px;
  transition: all 0.3s ease;
  line-height: 18px;
  font-weight: 400;
}

.login-box .mat-flat-button .mat-button-wrapper {
  color: #004A91;
}

.login-box input:-webkit-autofill,
.login-box input:-webkit-autofill:hover,
.login-box input:-webkit-autofill:focus,
.login-box input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #004A91 inset !important;
}

.login-box input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
}

.login-box input:autofill {
  background: #004a91
}

.login-box .mat-flat-button.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 1);
  opacity: 0.5;
  cursor: not-allowed;
}

.login-box .form-group.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #b32222;
}

.login-box .login-back-btn {
  align-self: flex-start;
  color: #ffffff;
  padding-left: 0;
  margin-top: 2px;
}

.portal-login-dialog .mat-dialog-container,
.portal-login-dialog .mat-mdc-dialog-container {
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
  background: transparent;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.38);
}

.portal-login-dialog .login-wrapper {
  position: relative;
  min-height: auto;
  width: 100%;
  height: min(760px, calc(100vh - 32px));
  background: #ffffff;
}

.portal-login-dialog .login-wrapper>div {
  max-width: none;
}

.portal-login-dialog .login-wrapper .left,
.portal-login-dialog .login-wrapper .right {
  padding: 48px 30px;
}

.portal-login-dialog .login-wrapper .left {
  background:
    radial-gradient(circle at top left, rgba(240, 165, 0, 0.08), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
}

.portal-login-dialog .login-wrapper .right {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.portal-login-dialog .login-dialog-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;

  width: 38px;
  height: 38px;

  border: 0;
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;

  font-size: 20px;
  line-height: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;

  transition: background 0.2s ease, transform 0.2s ease;
}

.portal-login-dialog .login-dialog-close:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: scale(1.06);
}

.portal-login-dialog .login-dialog-close:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
}

.portal-login-dialog .track-email-link {
  align-self: center;
  margin-top: 12px;
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
}

.track-email-dialog-panel .mat-dialog-container {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: transparent !important;
}

/* primary-menu
--------------------------------------------------------------------------------------------------------*/

.primary-menu .mat-menu-content {
  padding: 12px 0 !important;
}

.primary-menu.mat-menu-panel {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  min-width: 182px;
}

.primary-menu.action-menu.mat-menu-panel {
  min-width: 111px;
}

.primary-menu .mat-menu-content .mat-menu-item {
  height: 36px;
  padding: 0 18px;
  display: flex;
  align-items: center;
}

.primary-menu .mat-menu-content .mat-menu-item img {
  height: 22px;
  border-radius: 50%;
  width: 22px;
  display: block;
  margin-right: 13px;
}

.primary-menu.action-menu .mat-menu-content .mat-menu-item img {
  height: 20px;
  width: 20px;
}

.primary-menu .mat-menu-content .mat-menu-item:hover {
  text-decoration: none;
}

.primary-menu .mat-menu-content .mat-menu-item span {
  font-size: 14px;
  line-height: 18px;
  color: #4f4f4f;
  padding-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* error-block
--------------------------------------------------------------------------------------------------------*/

.error-block {
  background-color: #b32222;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  border-radius: 4px;
  font-weight: 500;
  padding: 10px 10px 10px 40px;
  position: relative;
}

.error-block:after {
  content: "!";
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
}

/* form-group
--------------------------------------------------------------------------------------------------------*/

.mat-form-field.form-group {
  width: 100%;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0 15px;
}

.form-group.read-only-input.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border-bottom-style: dashed;
}

.form-group.read-only-input.mat-form-field-appearance-outline .mat-form-field-outline-start,
.form-group.read-only-input.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-style: dashed;
}

.form-group.read-only-input.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-left-style: none;
}

.form-group.read-only-input.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-right-style: none;
}

.form-group.read-only-input.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #bebebe;
}

.form-group.mat-form-field-appearance-outline.md-input .mat-form-field-flex {
  height: 42px;
  padding: 0 10px;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #bebebe;
  background: #ffffff;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-infix input::placeholder {
  font-size: 14px;
  line-height: 16px;
  color: #888888;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #004A91;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.form-group.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.form-group.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-label {
  top: 24px;
  font-size: 16px;
  line-height: 18px;
  color: #4f4f4f;
  font-weight: 400;
}

.form-group.mat-form-field.mat-focused .mat-form-field-label {
  color: #004A91;
}

.form-group.mat-form-field.read-only-input.mat-focused .mat-form-field-label {
  color: #4f4f4f;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 6px;
  padding-bottom: 15px;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-type-mat-select .mat-form-field-infix {
  padding-bottom: 9px;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 12px;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 4px 0 0 4px;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 4px 4px 0;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-infix input {
  position: relative;
  top: 1px;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: #f6f6f6;
  color: #d4d4d4;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
.form-group.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-infix input,
.form-group.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-infix textarea {
  color: #989696;
}

.form-group.mat-form-field-appearance-outline .mat-date-range-input-start-wrapper .mat-date-range-input-inner {
  position: absolute;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-infix input,
.form-group.mat-form-field-appearance-outline .mat-form-field-infix textarea {
  font-size: 16px;
  line-height: 18px;
  color: #4F4F4F;
  font-weight: 400;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-infix textarea {
  line-height: 22px;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-infix input.mat-datepicker-input {
  position: relative;
  top: 1px;
}

.form-group.mat-form-field-appearance-outline.md-input .mat-form-field-infix input {
  font-size: 14px;
  line-height: 16px;
  top: 0;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-type-mat-select .mat-form-field-flex {
  padding: 0 10px 0 15px;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-type-mat-select.location-select .mat-form-field-flex,
.content-top .form-group.mat-form-field-appearance-outline.mat-form-field-type-mat-select .mat-form-field-flex {
  padding: 0 8px;
}

.form-group .mat-select-value-text {
  position: relative;
  top: -1px;
}

.form-group .mat-select-placeholder {
  font-size: 16px;
  line-height: 18px;
  color: #4F4F4F;
  font-weight: 400;
}

.form-group .mat-select-arrow {
  border: 0;
  transform: rotate(90deg);
  height: 24px;
  width: 24px;
  margin: 0;
  background-image: url('arrow.94e634eab09c1fe3af39.svg');
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 3px;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.form-group.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-21px) scale(0.75);
}

.custom-select.mat-select-panel {
  padding: 12px 0;
}

.custom-select.location-list.mat-select-panel {
  max-height: calc(100vh - 32px);
}

.custom-select.mat-select-panel .mat-option {
  padding: 0 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #4F4F4F;
  height: 38px;
}

.custom-select.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.form-group.mat-form-field-appearance-outline.md-input .mat-form-field-infix {
  padding-top: 0;
}

.form-group.md-input.mat-form-field-appearance-outline .mat-select-min-line {
  font-size: 14px;
  line-height: 14px;
  position: relative;
  top: -1px;
}

.form-group.md-input .mat-select-value-text {
  top: 1px;
}

.form-group.md-input .mat-select-arrow {
  top: 3px;
  right: -5px;
}

.form-group .mat-error {
  padding-top: 4px;
}

.form-group .mat-datepicker-toggle .mat-icon-button {
  position: relative;
  top: 2px;
  right: -14px;
}

.form-group .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper svg {
  display: none;
}

.form-group .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
  height: 24px;
  width: 24px;
  background-image: url('calender-icon.1306cc426daad5e6201f.svg');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
}

.form-group.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-label,
.form-group.mat-form-field-appearance-outline.mat-form-field-invalid.mat-focused .mat-form-field-label {
  color: #b32222;
}

.row>div .form-group {
  margin-bottom: 14px;
}

.editable-form-field {
  display: flex;
}

.editable-form-field .form-group {
  flex-grow: 1;
  width: calc(100% - 36px);
}

.editable-form-field>.mat-button-base {
  height: 30px;
  margin-top: 12px;
  margin-left: 6px;
  width: 30px;
  flex-shrink: 0;
  padding: 0;
  min-width: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.editable-form-field>.mat-button-base .mat-button-wrapper img {
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 0;
}

.form-group.mat-form-field-appearance-outline .mat-form-field-suffix .input-suffix {
  font-size: 14px;
  top: -4px;
  position: relative;
  padding-left: 10px;
  line-height: 16px;
  color: #888888;
  font-weight: 400;
}

.form-group.mat-form-field-appearance-outline.md-input.mat-form-field-type-mat-date-range-input .mat-form-field-infix input {
  line-height: 18px;
  top: 1px
}

.form-group.mat-form-field-appearance-outline.md-input.mat-form-field-type-mat-date-range-input .mat-date-range-input-separator {
  margin-left: -4px
}

.form-group.md-input.mat-form-field-appearance-outline.md-input.mat-form-field-type-mat-date-range-input .mat-datepicker-toggle .mat-icon-button {
  height: 30px;
  width: 30px
}

.form-group.md-input.mat-form-field-appearance-outline.md-input.mat-form-field-type-mat-date-range-input .mat-datepicker-toggle .mat-icon-button {
  right: -6px
}

.form-group.mat-form-field-appearance-outline.md-input.mat-form-field-type-mat-date-range-input .date-range-clear.mat-button {
  height: 28px;
  width: 28px;
  top: -5px;
  right: -8px
}

/* primary-checkbox
--------------------------------------------------------------------------------------------------------*/

.primary-checkbox .mat-checkbox-inner-container {
  height: 18px;
  width: 18px;
}

.primary-checkbox.large-checkbox .mat-checkbox-inner-container {
  height: 26px;
  width: 26px;
  margin: 0;
  margin-right: 8px;
  border-radius: 4px;
}

.primary-checkbox.large-checkbox .mat-checkbox-layout {
  display: flex;
}

.primary-checkbox.large-checkbox .mat-checkbox-label {
  font-size: 16px;
  padding-top: 2px;
  align-self: flex-start;
  white-space: normal;
  line-height: 22px;
  font-weight: 400;
  color: #4f4f4f;
}

.primary-checkbox .mat-checkbox-frame {
  border-width: 1px;
  border-radius: 2px;
  border-color: #bebebe
}

.primary-checkbox.large-checkbox .mat-checkbox-frame,
.primary-checkbox.large-checkbox .mat-checkbox-background {
  border-radius: 4px;
}

.primary-checkbox.large-checkbox .mat-checkbox-checkmark {
  height: 22px;
  width: 22px;
  top: 2px;
  left: 2px;
}

.primary-checkbox .mat-checkbox-label {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

/* wrapper
--------------------------------------------------------------------------------------------------------*/

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
  visibility: hidden;
  opacity: 0;
}

.wrapper {
  min-height: 100vh;
  background: #EDF2F5;
  padding-top: 68px;
}

.main-layout {
  min-height: calc(100vh - 68px);
  display: flex;
}

.sidebar-wrapper {
  max-width: 260px;
  flex-basis: 260px;
  transition: all 0.3s ease;
  flex-shrink: 0;
  flex-grow: 0;
  background: #004A91;
}

.layout-content {
  max-width: calc(100% - 260px);
  flex-basis: calc(100% - 260px);
  flex-shrink: 0;
  flex-grow: 0;
  transition: all 0.3s ease;
}

.sidebar-toggle .layout-content {
  max-width: 100%;
  flex-basis: 100%;
}

/* sidebar
--------------------------------------------------------------------------------------------------------*/

.sidebar {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sidebar ul li {
  position: relative;
}

.sidebar ul {
  position: relative;
  z-index: 1;
}

.sidebar ul li a {
  padding: 10px 17px;
  display: flex;
  transition: all 0.3s ease;
  position: relative;
}

.sidebar>ul>li ul li a {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  color: #4f4f4f;
}

.sidebar>ul>li ul {
  position: absolute;
  right: -260px;
  transition: all 0.3s ease;
  top: 0;
  display: none;
  width: 260px;
  padding: 15px 0;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 6px 6px;
}

.sidebar>ul>li>a {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 400;
  align-items: center;
}

.sidebar ul li.has-child>a {
  padding-right: 40px;
}

.sidebar>ul>li.has-child>a::before {
  content: "";
  display: block;
  opacity: 0.5;
  position: absolute;
  height: 24px;
  width: 24px;
  right: 8px;
  top: 9px;
  background-image: url('arrow-white.d32bf01522bdb7084108.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.sidebar>ul>li ul li.has-child>a::before {
  background-image: url('arrow.94e634eab09c1fe3af39.svg');
  content: "";
  display: block;
  opacity: 0.5;
  position: absolute;
  height: 24px;
  width: 24px;
  right: 8px;
  top: 8px;
  background-repeat: no-repeat;
  background-size: cover;
}

.sidebar a:hover {
  text-decoration: none;
}

.sidebar>ul li.open-submenu>ul {
  display: block;
}

.sidebar>ul>li>a:hover,
.sidebar>ul>li>a:focus {
  background: rgba(0, 0, 0, 0.15);
}

.sidebar>ul>li ul li a:hover,
.sidebar>ul>li ul li a:focus,
.sidebar>ul>li ul li a.active {
  background: #F0F0F0;
}

.sidebar>ul>li>a.active::after {
  content: "";
  display: block;
  width: 3px;
  top: 0;
  bottom: 0;
  left: 0;
  background: #00ADEF;
  position: absolute;
}

.sidebar>ul>li>a.active {
  background: rgba(0, 0, 0, 0.15);
}

.sidebar .secondary-btn {
  width: calc(100% - 40px);
  min-height: 48px;
}

.sidebar .bottom ul li a {
  padding: 10px 17px;
  display: flex;
  transition: all 0.3s ease;
  position: relative;
  font-size: 1.02rem;
  text-decoration: none;
}

.sidebar .bottom ul li a:hover {
  text-decoration: none;
}

.sidebar .secondary-btn.mat-flat-button {
  margin: 14px 20px;
}

.sidebar .bottom {
  padding: 6px 0;
  margin-top: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.sidebar .bottom a {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #ffffff;
  padding: 6px 18px;
}

.sidebar .bottom a img {
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 9px;
  position: relative;
  top: -1px;
}

.sidebar .bottom a:hover {
  text-decoration: underline;
}

.sidebar-toggle .sidebar-wrapper {
  margin-left: -260px;
}

.sidebar .location-select.form-group {
  margin: 0 15px 15px;
  display: none;
}

/* buttons
--------------------------------------------------------------------------------------------------------*/

.mat-flat-button.default-btn {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}

.mat-flat-button.default-btn .mat-button-wrapper,
.mat-flat-button.default-btn .mat-button-wrapper>span {
  color: #4f4f4f;
}

.mat-flat-button.mat-primary:hover,
.mat-flat-button.mat-primary:focus {
  background: #003d77;
}

.mat-flat-button.default-btn:hover,
.mat-flat-button.default-btn:focus {
  background: #efefef;
}

.mat-flat-button.btn-success:hover,
.mat-flat-button.btn-success:focus {
  background: #75b968;
}

.mat-flat-button.btn-danger:hover,
.mat-flat-button.btn-danger:focus {
  background: #dc7171;
}

.mat-button-base .mat-button-wrapper>img {
  height: 18px;
  width: 18px;
  display: block;
  margin-right: 5px;
}

.mat-button-base .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.mat-button-base .mat-button-wrapper>span {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.mat-button-base.md-btn {
  height: 38px;
  padding: 4px 10px !important;
}

.mat-button-base {
  transition: all 0.3s ease;
}

.mat-flat-button {
  height: 48px;
  padding: 0 20px !important;
}

.mat-flat-button.btn-success {
  background: #82CD74;
}

.mat-flat-button.btn-success .mat-button-wrapper,
.mat-flat-button.btn-danger .mat-button-wrapper {
  color: #ffffff;
}

.mat-flat-button.btn-danger {
  background: #F47E7E;
}

.secondary-btn.mat-flat-button {
  height: 48px;
  background: #00ADEF;
  transition: all 0.3s ease;
}

.secondary-btn.mat-flat-button:hover,
.secondary-btn.mat-flat-button:focus {
  background: #00a2e0;
}

.download-btn.mat-button-base {
  padding: 0 14px !important;
}

.download-btn.mat-button-base .mat-button-wrapper>span {
  font-size: 16px;
  line-height: 18px;
}

.download-btn.mat-button-base .mat-button-wrapper>img {
  margin-right: 8px;
}

.secondary-btn.mat-flat-button .mat-button-wrapper {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.mat-form-field-dropdown-btn.mat-button-base .mat-button-wrapper>img {
  height: 24px;
  width: 24px;
  transform: rotate(90deg);
  margin-right: 0;
  margin-left: 2px;
  display: block;
  margin-top: -1px;
}

.mat-form-field-dropdown-btn.mat-button-base {
  border-radius: 4px;
  min-width: auto;
  padding: 4px 2px 4px 8px;
  margin-right: -6px;
}

.date-range-clear.mat-button {
  height: 32px;
  position: absolute;
  right: 20px;
  top: 13px;
  width: 32px;
  display: none;
  align-items: center;
  justify-content: center;
  min-width: auto;
  border-radius: 50%;
}

.date-range-clear.mat-button-base .mat-button-wrapper>img {
  height: 24px;
  width: 24px;
  margin-right: 0;
}

.date-range-clear.mat-button.show {
  display: flex;
}

/* content-top
--------------------------------------------------------------------------------------------------------*/

.layout-content {
  padding: 0 30px;
}

.main-content {
  min-height: calc(100vh - 197px);
  padding: 0 18px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}

.content-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 14px 0;
  min-height: 66px;
}

.content-top.with-filters {
  padding: 10px 0;
}

.content-top h3 {
  font-weight: 700;
  color: #4f4f4f;
}

.content-top h3.content-title {
  line-height: 37px;
}

.content-top .form-group.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.content-top .mat-button-base,
.content-top .form-group {
  margin-left: 10px;
}

.content-top .mat-button-base.back-btn {
  padding-left: 7px !important;
  padding-right: 16px !important;
}

.content-top .form-group {
  max-width: 180px;
}

.content-top .form-group.mat-form-field-type-mat-date-range-input.md-input {
  max-width: 248px;
}

.content-top .form-group .mat-date-range-input {
  width: 100%;
  max-width: calc(100% - 24px);
}

.content-top .right {
  margin-left: auto;
}

.content-top .mat-button-base {
  flex-shrink: 0;
}

.content-top .refrence-number {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.content-top .refrence-number h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.content-top .refrence-number span {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: #4f4f4f;
  margin-right: 4px;
  display: block;
}

/* primary-table
--------------------------------------------------------------------------------------------------------*/

.table-responsive {
  overflow-x: auto;
  overflow-y: visible;
  max-width: 100%;
}

.primary-table.mat-table {
  width: 100%;
}

.primary-table.mat-table thead th,
.primary-table.mat-table tr.mat-row td {
  font-size: 14px;
  white-space: nowrap;
  line-height: 16px;
  color: #4f4f4f;
}

.primary-table.mat-table thead th.text-center .mat-sort-header-container {
  justify-content: center;
}

.primary-table.mat-table thead th {
  font-weight: 500;
}

.primary-table.mat-table tr.mat-row td {
  font-weight: 400;
}

.primary-table.mat-table tr.mat-header-row {
  height: 48px;
}

.primary-table.mat-table tr.mat-header-row th,
.primary-table.mat-table tr.mat-row td {
  padding: 10px;
  vertical-align: middle;
}

.primary-table.mat-table mat-row,
.primary-table.mat-table mat-header-row,
.primary-table.mat-table mat-footer-row,
.primary-table.mat-table th.mat-header-cell,
.primary-table.mat-table td.mat-cell,
.primary-table.mat-table td.mat-footer-cell {
  border-bottom-color: #dddddd;
}

.status {
  height: 24px;
  display: inline-block;
  min-width: 91px;
  text-align: center;
  font-size: 13px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
}

.active.status {
  background: #82CD74;
}

.received.status {
  background: #8774cd;
}

.disabled.status {
  background: #BBBBBB;
}

.suspended.status {
  background: #F47E7E;
}

.primary-table .action-btn {
  height: 30px;
  margin: 0 auto;
  width: 30px;
  border-radius: 50px;
  min-width: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.primary-table .action-btn .mat-button-wrapper img {
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 0;
}

.primary-table.mat-table tr.mat-header-row th.text-center .mat-sort-header-arrow {
  margin-right: -12px;
}

/* primary-pagination
--------------------------------------------------------------------------------------------------------*/

.primary-pagination .mat-paginator-page-size-label,
.primary-pagination .mat-paginator-range-label {
  color: #4f4f4f;
}

.primary-pagination .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #C4C4C4;
}

.primary-pagination .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #004A91;
}

.primary-pagination .mat-paginator-navigation-next {
  margin-left: 12px;
}

.primary-pagination .mat-paginator-container {
  padding: 0;
}

/* primary-radio
--------------------------------------------------------------------------------------------------------*/

.primary-radio .mat-radio-outer-circle,
.primary-radio .mat-radio-inner-circle,
.primary-radio .mat-radio-container {
  height: 22px;
  width: 22px;
}

.primary-radio.mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.55);
}

.primary-radio .mat-radio-outer-circle {
  border-color: #888888;
}

.primary-radio .mat-radio-label-content {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #4f4f4f;
}

.radio-button-group .primary-radio {
  margin-right: 14px;
}

.radio-buttons h5 {
  margin-top: 2px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #888888;
  margin-bottom: 10px;
}

/* button-group
--------------------------------------------------------------------------------------------------------*/

.button-group .mat-button-base {
  min-width: 90px;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* partner-info
--------------------------------------------------------------------------------------------------------*/

.company-logo {
  margin-bottom: 26px;
  max-width: 100%;
}

.partner-info {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 16px;
}

.partner-info span {
  color: #888888;
  margin-bottom: 5px;
  display: block;
}

.supplier-info h5 {
  color: #888888;
  margin-bottom: 14px;
}

.partner-info span,
.partner-info p,
.supplier-info ul li>span,
.supplier-info h5 {
  font-size: 16px;
  line-height: 19px;
}

.partner-info p,
.supplier-info ul li>span,
.supplier-info ul li>a {
  color: #4F4F4F;
  font-weight: 400;
}

.supplier-info {
  background: #F9F9F9;
  border-radius: 8px;
  padding: 20px 22px 8px;
  max-width: 280px;
  width: 100%;
}

.supplier-info ul li>img {
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 5px;
}

.supplier-info ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* purchase-detail-wrapper
--------------------------------------------------------------------------------------------------------*/

.purchase-detail-wrapper h4 {
  padding-bottom: 20px;
}

.purchase-detail-wrapper>.mat-checkbox {
  margin-bottom: 44px;
}

.purchase-detail-wrapper .file-upload {
  margin-top: 8px;
  margin-bottom: 40px;
}

.purchase-detail-wrapper .description {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #4f4f4f;
  margin-bottom: 15px;
  margin-top: 2px;
}

.purchase-detail-wrapper .download-btn {
  margin-bottom: 30px;
  margin-top: 2px;
}

.row.full-form {
  position: relative;
  margin-bottom: 34px;
}

.row.full-form::after {
  position: absolute;
  content: "";
  left: -3px;
  bottom: 0;
  right: -3px;
  height: 1px;
  background-color: #cccccc;
}

.no-records {
  display: flex;
  align-items: center;
  padding: 50px 15px;
  justify-content: center;
  flex-direction: column;
}

.no-records>img {
  height: 50px;
  width: 50px;
  display: block;
  margin-bottom: 16px;
  margin-right: -6px;
}

.no-records>p {
  font-size: 16px;
  line-height: 18px;
  color: #4f4f4f;
}

/* setting-wrapper
--------------------------------------------------------------------------------------------------------*/

.setting-wrapper>h4 {
  font-weight: 700;
  color: #4f4f4f;
  padding-top: 6px;
  padding-bottom: 14px;
}

.setting-wrapper>.mat-checkbox {
  display: block;
  margin-bottom: 20px;
}

.setting-wrapper>.primary-checkbox.large-checkbox .mat-checkbox-label {
  font-weight: 700;
}

/* form-group-static
--------------------------------------------------------------------------------------------------------*/

.form-group-static {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}

.form-group-static>label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #888888;
  margin-bottom: 10px;
}

.form-group-static .form-control-static {
  font-size: 16px;
  line-height: 18px;
  color: #4f4f4f;
  font-weight: 400;
}

/* statistics-control
--------------------------------------------------------------------------------------------------------*/

.statistics-control {
  margin-bottom: 22px;
  align-items: center;
}

.statistics-control.row>div .form-group {
  margin-bottom: 0;
}

.statistics-control .form-group {
  min-width: 278px;
}

.statistics-control .mat-checkbox {
  display: block;
}

.statistics-control .form-group.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.statistics-control .button-group {
  display: flex;
}

.statistics-control .button-group .mat-button-base {
  margin-bottom: 0;
}

/* chart-wrapper
--------------------------------------------------------------------------------------------------------*/

.chart-wrapper>div:not(:last-child) {
  border-right: 1px solid #888888;
}

.chart-wrapper>div {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 20px 0;
}

.chart-wrapper p {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #004A91;
  font-weight: 700;
  margin-bottom: 48px;
}

.chart-wrapper>div img {
  max-width: 100%;
}

.chart-wrapper .chart-inner {
  height: calc(100vh - 423px);
  margin: 0 auto;
  width: 80%;
  min-height: 320px
}

/* purchase-company-info
--------------------------------------------------------------------------------------------------------*/

.purchase-company-info {
  display: flex;
  border-bottom: 1px solid #cccccc;
  margin: 0 -18px;
  padding: 0 18px 18px 12px;
  margin-bottom: 34px;
}

.purchase-company-info>img {
  width: 162px;
  height: 60px;
  flex-shrink: 0;
  margin-right: 48px;
}

.company-details {
  flex-grow: 1;
}

.company-details p {
  font-size: 20px;
  line-height: 23px;
  font-weight: 700;
  color: #4f4f4f;
  margin-bottom: 12px;
}

.company-details ul,
.company-details ul li {
  display: flex;
}

.company-details ul li {
  max-width: 170px;
  flex-basis: 170px;
  flex-shrink: 0;
  flex-grow: 0;
}

.company-details ul {
  flex-wrap: wrap;
}

.company-details ul li>img {
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 6px;
}

.company-details ul li>span,
.company-details ul li>a {
  font-size: 14px;
  line-height: 18px;
  color: #4f4f4f;
  font-weight: 400;
  max-width: 140px;
  padding-top: 2px;
}

.company-details ul li:not(:last-child) {
  margin-right: 40px;
  margin-bottom: 10px;
}

.purchase-company-info>.mat-flat-button {
  margin-left: auto;
  align-self: center;
  flex-shrink: 0;
}

.purchase-company-info>.mat-flat-button .mat-button-wrapper>img {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

.purchase-company-info>.mat-flat-button .mat-button-wrapper>span {
  font-size: 16px;
  line-height: 18px;
  padding-top: 2px;
}

/* file-upload
--------------------------------------------------------------------------------------------------------*/

.file-upload {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.file-upload>input[type='file'] {
  display: none;
}

.file-upload>label {
  cursor: pointer;
  display: flex;
  margin-right: 14px;
  transition: all 0.3s ease;
  align-items: center;
  padding: 9px 20px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background: #F9F9F9;
}

.file-upload>label>img {
  height: 16px;
  width: 16px;
  display: block;
  margin-right: 6px;
}

.file-upload>label>span,
.file-upload>p {
  font-size: 16px;
  line-height: 18px;
  color: #4f4f4f;
  font-weight: 400;
}

.file-upload>p {
  color: #888888;
  margin: 10px 0;
}

.file-upload>label:hover,
.file-upload>label:focus {
  background: #efefef;
}

/* primary-dialog
--------------------------------------------------------------------------------------------------------*/

.sm-dialog {
  max-width: 370px !important;
  width: 100%;
}

.md-dialog {
  max-width: 600px !important;
  width: 100%;
}

.primary-dialog .mat-dialog-content {
  overflow: visible;
  margin: 0;
  padding: 0;
  max-height: 100%;
}

.primary-dialog .mat-dialog-container {
  background: #FFFFFF;
  max-height: calc(100vh - 30px);
  overflow-y: auto;
  margin: 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  padding: 14px 20px 0;
  overflow-x: hidden;
}

.primary-dialog .mat-dialog-actions {
  padding: 4px 0 10px;
  margin-bottom: 0;
}

.primary-dialog .mat-dialog-content>.form-group:not(:last-child) {
  margin-bottom: 14px;
}

.primary-dialog .mat-dialog-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  justify-content: space-between;
}

.primary-dialog .mat-dialog-title h4 {
  color: #4f4f4f;
  padding-right: 12px;
}

.primary-dialog .mat-dialog-title>.mat-button-base {
  height: 30px;
  position: relative;
  right: -6px;
  width: 30px;
  border-radius: 50%;
  min-width: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.primary-dialog .mat-dialog-title>.mat-button-base .mat-button-wrapper>img {
  margin-right: 0;
  height: 30px;
  width: 30px;
}

.primary-dialog .mat-dialog-actions .mat-button-base+.mat-button-base,
.primary-dialog .mat-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base {
  margin-left: 0;
}

.primary-dialog.confirmation-dialog .mat-dialog-content {
  display: flex;
}

.primary-dialog.confirmation-dialog .mat-dialog-container {
  padding: 20px 20px 0;
}

.primary-dialog.confirmation-dialog .mat-dialog-content>img {
  height: 48px;
  width: 48px;
  display: block;
  margin-right: 12px;
  flex-shrink: 0;
}

.primary-dialog.confirmation-dialog .mat-dialog-content>.right {
  flex-grow: 1;
  align-self: center;
}

.primary-dialog.confirmation-dialog .mat-dialog-content>.right .title {
  font-size: 18px;
  line-height: 24px;
  color: #4f4f4f;
  font-weight: 800;
}

.primary-dialog.confirmation-dialog .mat-dialog-content>.right .subtitle {
  font-size: 16px;
  line-height: 18px;
  color: #888888;
  font-weight: 400;
}

/* primary-snackbar
--------------------------------------------------------------------------------------------------------*/

.primary-snackbar .mat-simple-snackbar>span {
  font-size: 16px;
  line-height: 19px;
  color: #4f4f4f;
}

.primary-snackbar .mat-simple-snackbar-action .mat-button-base .mat-button-wrapper {
  font-size: 0;
}

.primary-snackbar .mat-simple-snackbar-action .mat-button-base {
  height: 0;
  width: 0;
  padding: 0;
}

.primary-snackbar.mat-snack-bar-container {
  background: #ffffff;
  padding-left: 50px;
  position: relative;
}

.primary-snackbar.mat-snack-bar-container::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  background-position: center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  left: 10px;
  top: 9px;
}

.primary-snackbar.mat-snack-bar-container.danger::after {
  background-image: url('ic-danger.d1c905265419d71e0a49.svg')
}

.primary-snackbar.mat-snack-bar-container.success::after {
  background-image: url('ic-success.a8080c0533208603415f.svg')
}

.primary-snackbar.mat-snack-bar-container.warning::after {
  background-image: url('ic-warning.39db2d9f105dfe8a2d38.svg')
}

.primary-snackbar.mat-snack-bar-container.info::after {
  background-image: url('ic-info.c0e636973adf88d0bb0c.svg')
}

/* category-list
--------------------------------------------------------------------------------------------------------*/

.category-filter .form-group.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.category-list>li {
  background: #F9F9F9;
  position: relative;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 15px;
}

.category-list>li>.mat-button-base {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 4px;
  right: 3px;
  border-radius: 50%;
  min-width: auto;
  padding: 0;
}

.category-list>li>.mat-button-base .mat-button-wrapper img {
  margin-right: 0;
}

.category-list>h5 {
  padding-right: 50px;
}

.category-list h5,
.sub-category-list>li p {
  font-weight: 400;
  color: #4f4f4f;
}

.sub-category-list>li p {
  align-self: center;
}

.sub-category-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.sub-category-list>li {
  display: flex;
  margin: 10px 10px 0 0;
  padding: 1px 5px 1px 11px;
  background: #FFFFFF;
  border-radius: 13px;
  border: 1px solid #CCCCCC;
}

.sub-category-list>li p {
  font-size: 14px;
  line-height: 18px;
}

.sub-category-list>li>.mat-button-base {
  height: 22px;
  flex-shrink: 0;
  width: 22px;
  border-radius: 50%;
  min-width: auto;
  padding: 0;
  margin-left: 6px;
}

.sub-category-list>li>.mat-button-base .mat-button-wrapper img {
  height: 14px;
  width: 14px;
  margin-right: 0;
}

/* user-profile-wrapper
--------------------------------------------------------------------------------------------------------*/

.user-profile-wrapper>h4 {
  font-weight: 700;
  color: #4f4f4f;
  margin-bottom: 14px;
}

/* welcome-block
--------------------------------------------------------------------------------------------------------*/

.welcome-block.main-content {
  margin-top: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100% - 93px);
}

.welcome-block>img {
  width: 130px;
  margin-bottom: 20px;
}

.welcome-block>h3 {
  color: #4f4f4f;
  font-weight: 700;
}

/* loader
--------------------------------------------------------------------------------------------------------*/

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.6);
}

.loader {
  height: 80px;
  width: 80px;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.loader>.inner {
  overflow: hidden;
  color: #00AEEF;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: transparent;
  border-radius: 100%;
  box-shadow: currentColor 0px 26px 0 6px, currentColor 0.90971px 26.05079px 0 5.93333px, currentColor 1.82297px 26.06967px 0 5.86667px, currentColor 2.73865px 26.05647px 0 5.8px, currentColor 3.65561px 26.01104px 0 5.73333px, currentColor 4.57274px 25.93327px 0 5.66667px, currentColor 5.48887px 25.8231px 0 5.6px, currentColor 6.40287px 25.68049px 0 5.53333px, currentColor 7.31358px 25.50548px 0 5.46667px, currentColor 8.21985px 25.2981px 0 5.4px, currentColor 9.12054px 25.05847px 0 5.33333px, currentColor 10.01448px 24.78672px 0 5.26667px, currentColor 10.90054px 24.48302px 0 5.2px, currentColor 11.77757px 24.1476px 0 5.13333px, currentColor 12.64443px 23.78072px 0 5.06667px, currentColor 13.5px 23.38269px 0 5px, currentColor 14.34315px 22.95384px 0 4.93333px, currentColor 15.17277px 22.49455px 0 4.86667px, currentColor 15.98776px 22.00526px 0 4.8px, currentColor 16.78704px 21.48643px 0 4.73333px, currentColor 17.56953px 20.93855px 0 4.66667px, currentColor 18.33418px 20.36217px 0 4.6px, currentColor 19.07995px 19.75787px 0 4.53333px, currentColor 19.80582px 19.12626px 0 4.46667px, currentColor 20.5108px 18.468px 0 4.4px, currentColor 21.1939px 17.78379px 0 4.33333px, currentColor 21.85416px 17.07434px 0 4.26667px, currentColor 22.49067px 16.34043px 0 4.2px, currentColor 23.10251px 15.58284px 0 4.13333px, currentColor 23.68881px 14.80241px 0 4.06667px, currentColor 24.24871px 14px 0 4px, currentColor 24.7814px 13.1765px 0 3.93333px, currentColor 25.28607px 12.33284px 0 3.86667px, currentColor 25.76198px 11.46997px 0 3.8px, currentColor 26.2084px 10.58888px 0 3.73333px, currentColor 26.62462px 9.69057px 0 3.66667px, currentColor 27.01001px 8.77608px 0 3.6px, currentColor 27.36392px 7.84648px 0 3.53333px, currentColor 27.68577px 6.90284px 0 3.46667px, currentColor 27.97502px 5.94627px 0 3.4px, currentColor 28.23116px 4.97791px 0 3.33333px, currentColor 28.4537px 3.99891px 0 3.26667px, currentColor 28.64223px 3.01042px 0 3.2px, currentColor 28.79635px 2.01364px 0 3.13333px, currentColor 28.91571px 1.00976px 0 3.06667px, currentColor 29px 0px 0 3px, currentColor 29.04896px -1.01441px 0 2.93333px, currentColor 29.06237px -2.03224px 0 2.86667px, currentColor 29.04004px -3.05223px 0 2.8px, currentColor 28.98185px -4.07313px 0 2.73333px, currentColor 28.88769px -5.09368px 0 2.66667px, currentColor 28.75754px -6.1126px 0 2.6px, currentColor 28.59138px -7.12863px 0 2.53333px, currentColor 28.38926px -8.14049px 0 2.46667px, currentColor 28.15127px -9.1469px 0 2.4px, currentColor 27.87755px -10.1466px 0 2.33333px, currentColor 27.56827px -11.1383px 0 2.26667px, currentColor 27.22365px -12.12075px 0 2.2px, currentColor 26.84398px -13.09268px 0 2.13333px, currentColor 26.42956px -14.05285px 0 2.06667px, currentColor 25.98076px -15px 0 2px, currentColor 25.49798px -15.93291px 0 1.93333px, currentColor 24.98167px -16.85035px 0 1.86667px, currentColor 24.43231px -17.75111px 0 1.8px, currentColor 23.85046px -18.63402px 0 1.73333px, currentColor 23.23668px -19.49789px 0 1.66667px, currentColor 22.5916px -20.34157px 0 1.6px, currentColor 21.91589px -21.16393px 0 1.53333px, currentColor 21.21024px -21.96384px 0 1.46667px, currentColor 20.4754px -22.74023px 0 1.4px, currentColor 19.71215px -23.49203px 0 1.33333px, currentColor 18.92133px -24.2182px 0 1.26667px, currentColor 18.10379px -24.91772px 0 1.2px, currentColor 17.26042px -25.58963px 0 1.13333px, currentColor 16.39217px -26.23295px 0 1.06667px, currentColor 15.5px -26.84679px 0 1px, currentColor 14.58492px -27.43024px 0 0.93333px, currentColor 13.64796px -27.98245px 0 0.86667px, currentColor 12.69018px -28.50262px 0 0.8px, currentColor 11.7127px -28.98995px 0 0.73333px, currentColor 10.71663px -29.4437px 0 0.66667px, currentColor 9.70313px -29.86317px 0 0.6px, currentColor 8.67339px -30.2477px 0 0.53333px, currentColor 7.6286px -30.59666px 0 0.46667px, currentColor 6.57001px -30.90946px 0 0.4px, currentColor 5.49886px -31.18558px 0 0.33333px, currentColor 4.41643px -31.42451px 0 0.26667px, currentColor 3.32401px -31.6258px 0 0.2px, currentColor 2.22291px -31.78904px 0 0.13333px, currentColor 1.11446px -31.91388px 0 0.06667px, currentColor 0px -32px 0 0px, currentColor -1.11911px -32.04713px 0 -0.06667px, currentColor -2.24151px -32.05506px 0 -0.13333px, currentColor -3.36582px -32.02361px 0 -0.2px, currentColor -4.49065px -31.95265px 0 -0.26667px, currentColor -5.61462px -31.84212px 0 -0.33333px, currentColor -6.73634px -31.69198px 0 -0.4px, currentColor -7.8544px -31.50227px 0 -0.46667px, currentColor -8.9674px -31.27305px 0 -0.53333px, currentColor -10.07395px -31.00444px 0 -0.6px, currentColor -11.17266px -30.69663px 0 -0.66667px, currentColor -12.26212px -30.34982px 0 -0.73333px, currentColor -13.34096px -29.96429px 0 -0.8px, currentColor -14.4078px -29.54036px 0 -0.86667px, currentColor -15.46126px -29.07841px 0 -0.93333px, currentColor -16.5px -28.57884px 0 -1px, currentColor -17.52266px -28.04212px 0 -1.06667px, currentColor -18.52792px -27.46878px 0 -1.13333px, currentColor -19.51447px -26.85936px 0 -1.2px, currentColor -20.48101px -26.21449px 0 -1.26667px, currentColor -21.42625px -25.53481px 0 -1.33333px, currentColor -22.34896px -24.82104px 0 -1.4px, currentColor -23.2479px -24.07391px 0 -1.46667px, currentColor -24.12186px -23.29421px 0 -1.53333px, currentColor -24.96967px -22.48279px 0 -1.6px, currentColor -25.79016px -21.64052px 0 -1.66667px, currentColor -26.58223px -20.76831px 0 -1.73333px, currentColor -27.34477px -19.86714px 0 -1.8px, currentColor -28.07674px -18.938px 0 -1.86667px, currentColor -28.7771px -17.98193px 0 -1.93333px, currentColor -29.44486px -17px 0 -2px, currentColor -30.07908px -15.99333px 0 -2.06667px, currentColor -30.67884px -14.96307px 0 -2.13333px, currentColor -31.24325px -13.91039px 0 -2.2px, currentColor -31.7715px -12.83652px 0 -2.26667px, currentColor -32.26278px -11.74269px 0 -2.33333px, currentColor -32.71634px -10.63018px 0 -2.4px, currentColor -33.13149px -9.5003px 0 -2.46667px, currentColor -33.50755px -8.35437px 0 -2.53333px, currentColor -33.84391px -7.19374px 0 -2.6px, currentColor -34.14px -6.0198px 0 -2.66667px, currentColor -34.39531px -4.83395px 0 -2.73333px, currentColor -34.60936px -3.63759px 0 -2.8px, currentColor -34.78173px -2.43218px 0 -2.86667px, currentColor -34.91205px -1.21916px 0 -2.93333px, currentColor -35px 0px 0 -3px, currentColor -35.04531px 1.22381px 0 -3.06667px, currentColor -35.04775px 2.45078px 0 -3.13333px, currentColor -35.00717px 3.6794px 0 -3.2px, currentColor -34.92345px 4.90817px 0 -3.26667px, currentColor -34.79654px 6.13557px 0 -3.33333px, currentColor -34.62643px 7.36007px 0 -3.4px, currentColor -34.41316px 8.58016px 0 -3.46667px, currentColor -34.15683px 9.79431px 0 -3.53333px, currentColor -33.85761px 11.001px 0 -3.6px, currentColor -33.5157px 12.19872px 0 -3.66667px, currentColor -33.13137px 13.38594px 0 -3.73333px, currentColor -32.70493px 14.56117px 0 -3.8px, currentColor -32.23675px 15.72291px 0 -3.86667px, currentColor -31.72725px 16.86968px 0 -3.93333px, currentColor -31.17691px 18px 0 -4px, currentColor -30.58627px 19.11242px 0 -4.06667px, currentColor -29.95589px 20.2055px 0 -4.13333px, currentColor -29.28642px 21.27783px 0 -4.2px, currentColor -28.57852px 22.32799px 0 -4.26667px, currentColor -27.83295px 23.35462px 0 -4.33333px, currentColor -27.05047px 24.35635px 0 -4.4px, currentColor -26.23192px 25.33188px 0 -4.46667px, currentColor -25.37819px 26.27988px 0 -4.53333px, currentColor -24.49018px 27.1991px 0 -4.6px, currentColor -23.56888px 28.0883px 0 -4.66667px, currentColor -22.6153px 28.94626px 0 -4.73333px, currentColor -21.6305px 29.77183px 0 -4.8px, currentColor -20.61558px 30.56385px 0 -4.86667px, currentColor -19.57168px 31.32124px 0 -4.93333px, currentColor -18.5px 32.04294px 0 -5px, currentColor -17.40175px 32.72792px 0 -5.06667px, currentColor -16.27818px 33.37522px 0 -5.13333px, currentColor -15.1306px 33.98389px 0 -5.2px, currentColor -13.96034px 34.55305px 0 -5.26667px, currentColor -12.76875px 35.08186px 0 -5.33333px, currentColor -11.55724px 35.56951px 0 -5.4px, currentColor -10.32721px 36.01527px 0 -5.46667px, currentColor -9.08014px 36.41843px 0 -5.53333px, currentColor -7.81748px 36.77835px 0 -5.6px, currentColor -6.54075px 37.09443px 0 -5.66667px, currentColor -5.25147px 37.36612px 0 -5.73333px, currentColor -3.95118px 37.59293px 0 -5.8px, currentColor -2.64145px 37.77443px 0 -5.86667px, currentColor -1.32385px 37.91023px 0 -5.93333px;
  animation: loader 1.25s infinite linear;
  transform-origin: 50% 50%;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loader-open .loader-wrapper {
  display: flex;
}

/* footer
--------------------------------------------------------------------------------------------------------*/

footer {
  height: 63px;
  display: flex;
  align-items: center;
}

footer p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: #888888;
}

@media screen and (max-width:1199px) {
  .content-top .form-group.mat-form-field-type-mat-date-range-input.md-input {
    max-width: 228px;
  }

  .location-select.form-group {
    display: none;
  }

  .sidebar .location-select.form-group {
    display: block;
    max-width: 100%;
  }

  .content-top.with-filters {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 14px;
  }

  .content-top.with-filters .right {
    margin-left: -10px;
    margin-top: 10px;
    width: calc(100% + 10px);
  }

  .content-top.with-filters .default-btn {
    margin-right: 10px;
  }

  .content-top .mat-primary.mat-button-base,
  .content-top .back-btn.mat-button-base {
    margin-left: auto;
  }

  .layout-content,
  .main-content {
    padding: 0 15px 20px;
  }

  .layout-content {
    padding-bottom: 0;
  }

  .company-details {
    flex-basis: 100%;
    order: 1;
    margin-top: 16px;
    padding: 0 10px;
  }

  .purchase-company-info {
    flex-wrap: wrap;
    padding-bottom: 8px;
  }

  .purchase-company-info {
    margin: 0 -15px 28px;
    padding-bottom: 14px;
  }

  .row.full-form::after {
    left: 0;
    right: 0;
  }

  .statistics-control .button-group {
    margin-top: 10px;
  }

  .statistics-control .form-group {
    min-width: 100%;
    min-width: auto;
  }

  .category-filter .button-group {
    margin-bottom: 24px;
    margin-top: 0 !important;
  }

  .welcome-block.main-content {
    margin-top: 20px;
    min-height: calc(100% - 83px)
  }

  .custom-select.location-list.mat-select-panel {
    max-height: calc(100vh - 106px);
  }

  .form-group.mat-form-field-appearance-outline.md-input.mat-form-field-type-mat-date-range-input .mat-date-range-input-separator {
    margin-left: 4px;
  }

  .row>div .form-group.password-with-error {
    margin-bottom: 26px;
  }
}

@media screen and (max-width:991px) {
  .content-top .form-group.mat-form-field-type-mat-date-range-input.md-input {
    max-width: 240px;
  }

  .login-wrapper .left>img {
    width: 160px;
    height: 132px;
  }

  .login-wrapper .left>p strong {
    font-size: 26px;
    line-height: 38px;
  }

  .login-wrapper .left>h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .login-wrapper .left .contact-info {
    flex-direction: column;
  }

  .login-wrapper .contact-info p:not(:last-child) {
    margin-right: 0;
    margin-bottom: 4px;
  }

  .login-wrapper .right::after,
  .login-wrapper .right::before {
    height: 240px;
    width: 228px;
  }

  .portal-login-dialog .mat-dialog-container,
  .portal-login-dialog .mat-mdc-dialog-container {
    border-radius: 18px;
  }

  .portal-login-dialog .login-wrapper {
    height: auto;
    min-height: auto;
    flex-direction: column;
  }

  .portal-login-dialog .login-wrapper .left,
  .portal-login-dialog .login-wrapper .right {
    max-width: 100%;
    flex-basis: auto;
    padding: 40px 22px;
  }

  .portal-login-dialog .login-wrapper .right {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .portal-login-dialog .login-dialog-close {
    top: 12px;
    right: 12px;
  }

  .sidebar-wrapper {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    left: -260px;
    z-index: 100;
  }

  .sidebar-toggle .layout-content,
  .layout-content {
    max-width: 100%;
    flex-basis: 100%;
  }

  .layout-content {
    padding: 0 15px;
  }

  .sidebar-toggle .sidebar-wrapper {
    margin-left: 0;
    left: 0;
  }

  .sidebar-toggle .overlay {
    opacity: 1;
    visibility: visible;
  }

  body.sidebar-toggle {
    overflow-y: hidden;
  }

  .sidebar>ul>li ul {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    position: static;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .sidebar>ul>li ul li a {
    padding-left: 17px;
    padding-right: 17px;
    color: #ffffff;
  }

  .sidebar>ul>li ul li a:hover,
  .sidebar>ul>li ul li a:focus,
  .sidebar>ul>li ul li a.active {
    background: rgba(0, 0, 0, 0.1);
  }

  .sidebar>ul>li ul li.has-child>a::before {
    background-image: url('arrow-white.d32bf01522bdb7084108.svg');
    opacity: 0.5px;
  }

  .sidebar>ul>li.has-child>a::before,
  .sidebar>ul>li ul li.has-child>a::before {
    transform: rotate(90deg);
    transition: all 0.3s;
  }

  .sidebar>ul>li.has-child.open-submenu>a::before,
  .sidebar>ul>li ul li.has-child.open-submenu>a::before {
    transform: rotate(-90deg);
  }

  header .left-nav {
    max-width: 100%;
    flex-basis: auto;
    margin-right: 10px;
  }

  header .right-nav {
    margin-left: auto;
    max-width: 100%;
    flex-basis: auto;
  }

}

@media screen and (max-width:767px) {
  .content-top .form-group {
    flex-grow: 1;
    max-width: 100% !important;
  }

  .login-wrapper {
    flex-direction: column-reverse;
  }

  .login-wrapper .left,
  .login-wrapper .right {
    max-width: 100%;
    flex-basis: 100%;
  }

  .login-wrapper .right::after,
  .login-wrapper .right::before {
    width: 188px;
    height: 200px;
  }

  .header-menu.mat-button .mat-button-wrapper span,
  .header-menu.mat-button::after {
    display: none;
  }

  .header-menu.mat-button,
  .header-menu.mat-button.language-btn {
    padding-right: 15px;
  }

  .header-menu.mat-button .mat-button-wrapper img,
  .header-menu.mat-button.admin-menu .mat-button-wrapper img {
    margin-right: 0;
  }

  .header-menu.mat-button.admin-menu {
    padding-right: 12px;
    min-width: 48px;
  }

  .content-top .right .form-group.mat-form-field-appearance-outline.md-input .mat-form-field-infix {
    width: 140px;
  }

  .radio-buttons,
  .primary-radio,
  .company-logo {
    margin-bottom: 10px;
  }

  .row>div .form-group {
    margin-bottom: 6px;
  }

  .header-menu.mat-button.language-btn .mat-button-wrapper img {
    margin-right: 0;
  }

  .supplier-info {
    max-width: 100%;
    margin-bottom: 20px;
    padding: 15px 15px 8px;
    margin-top: 12px;
  }

  .partner-info {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  h1 {
    font-size: 26px;
    line-height: 36px;
  }

  h2 {
    font-size: 22px;
    line-height: 26px;
  }

  h3,
  .content-top .refrence-number span {
    font-size: 20px;
    line-height: 22px;
  }

  .chart-wrapper>div:not(:last-child) {
    border: none;
  }

  .statistics-control .mat-checkbox {
    margin-top: 6px;
  }

  .chart-wrapper p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .statistics-control {
    margin-bottom: 20px;
  }

  .category-filter .button-group {
    margin-top: 4px !important;
  }

  .header-menu.mat-button .mat-button-wrapper .user-icon {
    margin-right: 0;
  }

  .content-top .right {
    flex-wrap: wrap;
  }
}

@media screen and (max-width:575px) {
  .content-top .form-group.mat-form-field-type-mat-date-range-input.md-input {
    max-width: 100%;
    min-width: auto;
  }

  .login-wrapper .right::after,
  .login-wrapper .right::before {
    width: 168px;
    height: 180px;
  }

  .login-wrapper .left>p strong {
    font-size: 22px;
    line-height: 36px;
  }

  .login-wrapper .left>p {
    font-size: 18px;
    line-height: 22px;
  }

  .login-wrapper .left>a {
    margin-bottom: 40px;
  }

  .portal-login-dialog .login-wrapper .left,
  .portal-login-dialog .login-wrapper .right {
    padding: 36px 18px;
  }

  .content-top .right {
    flex-wrap: wrap;
  }

  .content-top .right .form-group {
    flex-basis: 100%;
    max-width: 100%;
  }

  .content-top.with-filters .right>.mat-button-base {
    margin-top: 6px;
  }

  header .vertical-icon-btn .mat-button-wrapper span {
    display: none;
  }

  header .vertical-icon-btn .mat-button-wrapper {
    justify-content: center !important;
  }

  header .vertical-icon-btn.mat-button {
    min-width: 40px;
  }

  header .header-menu.mat-button,
  .header-menu.mat-button.language-btn {
    padding: 0 8px;
    min-width: 58px;
  }

  header .left-nav {
    padding-left: 6px;
  }

  header .left-nav>.mat-button-base {
    margin-right: 4px;
  }

  .primary-pagination .mat-paginator-container {
    justify-content: center;
    flex-direction: column;
  }

  .primary-pagination .mat-paginator-range-label {
    margin: 0 8px;
  }

  .primary-pagination.mat-paginator {
    padding-bottom: 10px;
  }

  header .left-nav a>img {
    height: 40px;
    width: 48px;
  }

  .header-menu.mat-button.admin-menu,
  .header-menu.mat-button,
  .vertical-icon-btn.mat-button {
    height: 60px;
  }

  .header-menu.mat-button.admin-menu {
    height: 40px;
    min-width: 40px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 10px;
  }

  .wrapper {
    padding-top: 60px;
  }

  .main-content {
    min-height: calc(100vh - 189px);
  }

  header .header-menu.mat-button.language-btn {
    min-width: 43px;
  }

  .file-upload>label {
    padding-left: 12px;
    padding-right: 12px;
  }

  .purchase-company-info>.mat-flat-button {
    order: 2;
    margin-left: 0;
    margin: 16px 10px 10px;
  }

  .company-details ul {
    flex-direction: column;
  }

  .company-details ul li {
    max-width: 100%;
    flex-basis: auto;
  }

  .company-details ul li:not(:last-child) {
    margin-right: 0;
  }

  .company-details p {
    margin-bottom: 12px;
  }

  .company-details ul li>span {
    max-width: 100%;
  }

  .primary-dialog .mat-dialog-container {
    padding: 15px 15px 0 !important;
  }

  .primary-dialog .mat-dialog-actions {
    padding-bottom: 5px;
  }

  .content-top .refrence-number {
    flex-basis: 100%;
    margin-bottom: 10px;
  }
}

.landing-subpage-shell {
  padding: 26px 2rem;
  padding-bottom: 35px !important;
}

.urgent-dialog {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #eef3fb;
  color: #07184d
}

.urgent-header {
  background: var(--theme-primary);
  color: #fff;
  flex-shrink: 0
}

.urgent-header {
  min-height: 86px;
  padding: 15px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.urgent-title-wrap {
  display: flex;
  align-items: center;
  grid-gap: 14px;
  gap: 14px
}

.urgent-warning {
  width: 58px;
  height: 52px;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: #ff4f5f;
  color: #001b42;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  font-size: 25px
}

.urgent-header h2 {
  margin: 0;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0
}

.urgent-header p,
.footer-actions small {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: 12px
}

.icon-close {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 28px
}

.urgent-content {
  flex: 1;
  overflow: auto;
  padding: 8px
}

.progress-card {
  background: #fff;
  border-radius: 8px 8px 0 0;
  padding: 22px 56px 14px;
  display: flex;
  align-items: flex-start;
  grid-gap: 13px;
  gap: 13px;
  overflow-x: auto;
  margin: 5px 14px;
}

.progress-step {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  grid-gap: 4px;
  gap: 4px;
  color: #07184d;
  font-size: 12px
}

.progress-step span {
  width: 48px;
  height: 48px;
  border: 1px solid #d7dfed;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #061858;
  font-size: 21px;
  background: #fff
}

.progress-step strong {
  font-size: 12px;
  font-weight: 800
}

.progress-step.complete span {
  border-color: #70c4a3;
  color: #25a36b;
  font-size: 24px
}

.progress-step.complete strong,
.progress-step.complete small {
  color: #17805a
}

.progress-step.active span {
  border: 3px solid #1656f0;
  color: #1656f0
}

.progress-step.active strong,
.progress-step.active small {
  color: #1656f0
}

.progress-line {
  height: 2px;
  min-width: 72px;
  margin-top: 24px;
  background: #c9ced8
}

.progress-line.active {
  background: #1656f0
}

.form-grid {
  display: grid;
  /* grid-template-columns: minmax(420px, 1fr) minmax(320px, .52fr) minmax(300px, .58fr); */
  grid-gap: 10px;
  gap: 10px;
  padding: 12px
}

.urgent-dialog .panel {
  background: #fff;
  border: 1px solid #dfe5f0;
  border-radius: 7px;
  padding: 17px 18px;
  box-shadow: 0 2px 10px rgba(15, 35, 80, .04)
}

.section-heading {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 16px
}

.section-icon,
.step-badge {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  color: #1057ff;
  font-size: 22px;
  flex-shrink: 0
}

.step-badge {
  border-radius: 50%;
  background: #ff820f;
  color: #fff;
  font-weight: 800
}

.urgent-dialog h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800
}

.section-heading p,
.help-panel p {
  margin: 2px 0 0;
  color: #4d5c83;
  font-size: 12px
}

.field-grid {
  display: grid;
  grid-gap: 13px 26px;
  gap: 13px 26px
}

.field-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.field-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.field-grid.one {
  grid-template-columns: 1fr
}

.urgent-dialog label,
.priority-title {
  display: flex;
  flex-direction: column;
  grid-gap: 3px;
  gap: 3px;
  font-size: 12px;
  font-weight: 800;
  color: #07184d
}

.urgent-dialog sup {
  color: #f15b5b;
  display: contents;
}

.urgent-dialog input,
.urgent-dialog select,
.urgent-dialog textarea {
  width: 100%;
  border: 1px solid #cfd8e6;
  border-radius: 5px;
  background: #fff;
  color: #07184d;
  font-size: 12px;
  padding: 9px 12px;
  outline: none;
  min-height: 38px
}

.urgent-dialog input:focus,
.urgent-dialog select:focus,
.urgent-dialog textarea:focus {
  border-color: #1656f0;
  box-shadow: 0 0 0 3px rgba(22, 86, 240, .08)
}

.urgent-dialog textarea {
  min-height: 70px;
  resize: vertical
}

.full-field {
  margin-top: 14px
}

.helper-row {
  display: flex;
  justify-content: space-between;
  color: #667491;
  font-weight: 500
}

.quantity-control {
  width: 148px;
  height: 36px;
  display: grid;
  grid-template-columns: 38px 1fr 38px;
  border: 1px solid #cfd8e6;
  border-radius: 5px;
  overflow: hidden
}

.quantity-control button {
  cursor: pointer;
  border: 0;
  background: #f3f6fb;
  color: #07184d;
  font-size: 18px;
  font-weight: 800
}

.quantity-control span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-inline: 1px solid #e6ebf3;
  font-weight: 800
}

.upload-box {
  margin-top: 18px;
  border: 1px solid #cfd8e6;
  border-radius: 6px;
  padding: 14px;
  display: flex;
  align-items: center;
  grid-gap: 13px;
  gap: 13px
}

.upload-box i {
  width: 38px;
  height: 38px;
  border: 2px solid #1656f0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1656f0;
  font-size: 22px
}

.upload-box strong {
  font-size: 13px
}

.upload-box span,
.upload-box p,
.upload-box small {
  color: #4d5c83
}

.upload-box p {
  margin: 2px 0;
  font-size: 12px
}

.priority-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 9px;
  gap: 9px;
  margin: 7px 0 28px
}

.priority-options button {
  min-height: 90px;
  border: 1px solid #d5dce8;
  border-radius: 6px;
  background: #fff;
  color: #07184d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 7px;
  gap: 7px;
  cursor: pointer;
}

.priority-options i {
  font-size: 24px;
  color: #ff9800
}

.priority-options button:first-child i {
  color: #f01422
}

.priority-options button.selected {
  border-color: #f77c7c;
  background: #fff4f4
}

.priority-options strong {
  font-size: 12px
}

.priority-options small {
  font-size: 11px;
  color: #4d5c83
}

.date-time-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 13px;
  gap: 13px
}

.side-column {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  gap: 12px
}

.quick-info h3 {
  display: flex;
  align-items: center;
  grid-gap: 11px;
  gap: 11px;
  margin-bottom: 18px
}

.info-card {
  min-height: 90px;
  border: 1px solid #dfe5f0;
  border-radius: 7px;
  padding: 14px;
  display: flex;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 11px
}

.info-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  flex-shrink: 0
}

.info-icon.green {
  background: #19a84f
}

.info-icon.blue {
  background: #dfe9ff;
  color: #1257ff
}

.info-icon.purple {
  background: #eadcff;
  color: #8b24e6
}

.info-card small {
  color: #26376b;
  font-weight: 800
}

.info-card strong {
  display: block;
  margin-top: 4px;
  color: #07184d;
  font-size: 16px;
  font-weight: 900
}

.info-card p {
  margin: 2px 0 0;
  color: #4d5c83;
  font-size: 12px
}

.help-panel div {
  margin-top: 13px;
  color: #07184d;
  font-size: 12px
}

.help-panel i {
  width: 20px
}

.invoice-panel {
  grid-column: 2
}

.urgent-footer {
  min-height: 72px;
  padding: 10px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  gap: 20px
}

.draft-btn,
.cancel-btn,
.submit-btn {
  height: 40px;
  border-radius: 5px;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}

.draft-btn,
.cancel-btn {
  min-width: 180px;
  border: 1px solid rgba(255, 255, 255, .35);
  background: transparent;
  color: #fff;
}

.footer-actions {
  display: flex;
  align-items: flex-start;
  grid-gap: 12px;
  gap: 12px
}

.submit-btn {
  min-width: 315px;
  border: 0;
  background: #ffb000;
  color: #08184a
}

.footer-actions small {
  display: block;
  text-align: center
}

.maintenance-login-dialog-panel .mat-dialog-container,
.urgent-spare-parts-dialog-panel .mat-dialog-container {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.urgent-crew-dialog-panel .mat-dialog-container {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: transparent !important
}

@media(max-width:1200px) {
  .form-grid {
    grid-template-columns: 1fr
  }

  .invoice-panel {
    grid-column: auto
  }
}

@media(max-width:768px) {

  .urgent-header,
  .urgent-footer,
  .footer-actions {
    align-items: flex-start;
    flex-direction: column
  }

  .field-grid.two,
  .field-grid.three,
  .date-time-row,
  .priority-options {
    grid-template-columns: 1fr
  }

  .draft-btn,
  .cancel-btn,
  .submit-btn,
  .footer-actions {
    width: 100%;
    min-width: 0
  }

  .form-grid {
    grid-template-columns: 1fr
  }

  .urgent-header h2 {
    font-size: 20px
  }
}

::placeholder {
  color: #aab2c0 !important;
}

.landing-home-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 42px;
  padding: 0 18px 0 10px;
  margin-bottom: 12px;
  border: 1px solid color-mix(in srgb, var(--theme-accent) 28%, var(--theme-surface-border));
  border-radius: 999px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 12%, var(--theme-surface)) 0%,
      var(--theme-surface) 52%,
      color-mix(in srgb, var(--theme-primary) 4%, var(--theme-surface)) 100%);
  color: var(--theme-primary);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--theme-primary) 10%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--theme-white) 70%, transparent);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.landing-home-btn:hover {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface)) 0%,
      color-mix(in srgb, var(--theme-surface-soft) 88%, var(--theme-surface)) 100%);
  border-color: color-mix(in srgb, var(--theme-accent) 55%, var(--theme-surface-border));
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--theme-primary) 14%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-accent) 10%, transparent);
  transform: translateY(-2px);
}

.landing-home-btn:focus-visible {
  outline: none;
  border-color: color-mix(in srgb, var(--theme-accent) 72%, var(--theme-primary));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-accent) 16%, transparent),
    0 12px 24px color-mix(in srgb, var(--theme-primary) 12%, transparent);
}

.landing-home-btn__icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-2) 100%);
  color: var(--theme-text-inverse);
  font-size: 14px;
  font-weight: 800;
  flex-shrink: 0;
  box-shadow: 0 8px 16px color-mix(in srgb, var(--theme-primary) 22%, transparent);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.landing-home-btn:hover .landing-home-btn__icon {
  transform: translateX(-1px);
  box-shadow: 0 10px 18px color-mix(in srgb, var(--theme-primary) 26%, transparent);
}

/* Landing module responsive safeguards */

.body,
.body * {
  box-sizing: border-box;
}

.body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

.body img,
.body svg {
  max-width: 100%;
}

.body .navbar .nav-logo img {
  width: auto;
  max-width: min(320px, 38vw) !important;
  height: auto;
  object-fit: contain;
}

.body .landing-subpage-shell,
.body .landing-subpage-container,
.body .page-body {
  width: 100%;
  max-width: 100%;
}

.body .main-content,
.body .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.body .primary-table {
  min-width: 720px;
}

.body .content-top.with-filters .right {
  min-width: 0;
}

.body .content-top.with-filters .right .form-group,
.body .content-top.with-filters .right .md-input,
.body .content-top.with-filters .right .date-range-field {
  min-width: min(100%, 220px) !important;
}

.body .category-card,
.body .supplier-card,
.body .service-card,
.body .course-card,
.body .po-card,
.body .quote-card,
.body .address-card,
.body .settings-card,
.body .profile-card,
.body .cart-card {
  min-width: 0;
}

.body .d-flex.justify-content-between,
.body .d-flex.align-items-center {
  min-width: 0;
}

.cdk-overlay-pane.search-modal-panel {
  width: min(600px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
}

.cdk-overlay-pane.company-signup-dialog-panel {
  width: min(1040px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
}

.cdk-overlay-pane.track-email-dialog-panel {
  width: min(520px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
}

.cdk-overlay-pane.maintenance-login-dialog-panel {
  width: min(460px, calc(100vw - 20px)) !important;
  max-width: calc(100vw - 20px) !important;
}

.cdk-overlay-pane.urgent-spare-parts-dialog-panel
  {
  width: min(var(--landing-dialog-width, 80vw), calc(100vw - 16px)) !important;
  max-width: calc(100vw - 16px) !important;
}

.search-modal-panel .mat-dialog-container,
.company-signup-dialog-panel .mat-dialog-container,
.track-email-dialog-panel .mat-dialog-container,
.maintenance-login-dialog-panel .mat-dialog-container,
.urgent-spare-parts-dialog-panel .mat-dialog-container,
.urgent-crew-dialog-panel .mat-dialog-container,
.portal-login-dialog .mat-dialog-container {
  max-height: calc(100vh - 24px);
}

@media screen and (max-width: 991px) {
  .body .landing-subpage-shell,
  .body .landing-subpage-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .body .content-top.with-filters .right {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .body .navbar .nav-logo img {
    max-width: min(220px, 46vw) !important;
    max-height: 58px !important;
  }

  .body .landing-subpage-shell,
  .body .landing-subpage-container {
    padding-top: 18px;
    padding-bottom: 24px !important;
  }

  .body .main-content {
    padding: 16px;
    border-radius: 8px;
  }

  .body .content-top,
  .body .content-top.with-filters .right,
  .body .button-group,
  .body .form-actions,
  .body .attach-area,
  .body .file-upload {
    width: 100%;
  }

  .body .content-top.with-filters .right .form-group,
  .body .content-top.with-filters .right .md-input,
  .body .content-top.with-filters .right .date-range-field {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .body .button-group button,
  .body .form-actions button,
  .body .attach-area button,
  .body .file-upload label {
    width: 100%;
    justify-content: center;
  }

  .body .detail-body ul,
  .body .field-grid.two,
  .body .field-grid.three {
    grid-template-columns: 1fr !important;
  }

  .body .aside-row,
  .body .proc-row {
    grid-gap: 10px;
    gap: 10px;
  }

  .body .aside-val {
    max-width: 55%;
  }
}

@media screen and (max-width: 575px) {
  .body .navbar {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    grid-gap: 8px;
    gap: 8px;
  }

  .body .navbar .nav-logo {
    margin-right: 0;
    min-width: 0;
  }

  .body .navbar .nav-logo span {
    display: inline-flex;
    min-width: 0;
  }

  .body .navbar .nav-logo img {
    max-width: min(170px, 42vw) !important;
    max-height: 48px !important;
  }

  .body .nav-actions {
    grid-gap: 5px;
    gap: 5px;
  }

  .body .minimal-lang-btn {
    min-width: 38px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .body .landing-subpage-shell,
  .body .landing-subpage-container,
  .body .page-body {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .body .main-content {
    padding: 12px;
  }

  .body .primary-table {
    min-width: 640px;
  }

  .search-modal-panel .mat-dialog-container,
  .company-signup-dialog-panel .mat-dialog-container,
  .track-email-dialog-panel .mat-dialog-container,
  .maintenance-login-dialog-panel .mat-dialog-container,
  .urgent-spare-parts-dialog-panel .mat-dialog-container,
  .urgent-crew-dialog-panel .mat-dialog-container,
  .portal-login-dialog .mat-dialog-container {
    max-height: calc(100vh - 16px);
  }
}

@media screen and (max-width: 640px) {
  .cdk-overlay-pane.urgent-spare-parts-dialog-panel,
  .cdk-overlay-pane.urgent-crew-dialog-panel {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  .urgent-spare-parts-dialog-panel .mat-dialog-container,
  .urgent-crew-dialog-panel .mat-dialog-container {
    max-height: calc(100vh - 16px) !important;
    overflow: hidden !important;
  }

  .urgent-dialog,
  .crew-dialog {
    width: 100%;
    max-height: calc(100vh - 16px) !important;
    min-height: 0;
  }

  .urgent-header,
  .crew-header {
    min-height: auto;
    padding: 16px 16px 18px;
    grid-gap: 12px;
    gap: 12px;
    flex-direction: row;
    align-items: flex-start;
  }

  .urgent-title-wrap,
  .crew-title-wrap {
    min-width: 0;
    align-items: flex-start;
    grid-gap: 12px;
    gap: 12px;
  }

  .urgent-warning,
  .crew-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
  }

  .urgent-header h2,
  .crew-header h2 {
    font-size: 20px;
    line-height: 1.18;
  }

  .urgent-header p,
  .crew-header p {
    font-size: 12px;
    line-height: 1.35;
  }

  .urgent-header .close-btn,
  .crew-header .close-btn {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }

  .urgent-content,
  .crew-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 12px;
  }

  .progress-card {
    margin: 0 0 12px;
    padding: 18px 20px 14px;
  }

  .urgent-footer,
  .crew-footer {
    position: static;
    min-height: auto;
    padding: 12px;
    grid-gap: 10px;
    gap: 10px;
    flex-shrink: 0;
  }

  .footer-actions,
  .crew-footer {
    width: 100%;
  }

  .draft-btn,
  .cancel-btn,
  .submit-btn,
  .crew-footer .cancel-btn,
  .crew-footer .submit-btn {
    width: 100%;
    min-width: 0 !important;
    justify-content: center;
  }
}


/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./node_modules/@fortawesome/fontawesome-free/css/all.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/*!
 * Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}
:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}
@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}
.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}
.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}
.fa-width-auto{--fa-width:auto}
.fa-fw,.fa-width-fixed{--fa-width:1.25em}
.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}
.fa-ul>li{position:relative}
.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}
.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}
.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}
.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}
.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}
.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}
.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}
.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}
.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}
.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-spin-reverse{--fa-animation-direction:reverse}
.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}
@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}
@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}
@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}
@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}
@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}
@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}
@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.fa-rotate-90{transform:rotate(90deg)}
.fa-rotate-180{transform:rotate(180deg)}
.fa-rotate-270{transform:rotate(270deg)}
.fa-flip-horizontal{transform:scaleX(-1)}
.fa-flip-vertical{transform:scaleY(-1)}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}
.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}
.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}
.fa-stack-1x,.fa-stack-2x{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);z-index:var(--fa-stack-z-index,auto)}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:var(--fa-inverse,#fff)}
.fa-0{--fa:"\30 "}
.fa-1{--fa:"\31 "}
.fa-2{--fa:"\32 "}
.fa-3{--fa:"\33 "}
.fa-4{--fa:"\34 "}
.fa-5{--fa:"\35 "}
.fa-6{--fa:"\36 "}
.fa-7{--fa:"\37 "}
.fa-8{--fa:"\38 "}
.fa-9{--fa:"\39 "}
.fa-exclamation{--fa:"\!"}
.fa-hashtag{--fa:"\#"}
.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\$"}
.fa-percent,.fa-percentage{--fa:"\%"}
.fa-asterisk{--fa:"\*"}
.fa-add,.fa-plus{--fa:"\+"}
.fa-less-than{--fa:"\<"}
.fa-equals{--fa:"\="}
.fa-greater-than{--fa:"\>"}
.fa-question{--fa:"\?"}
.fa-at{--fa:"\@"}
.fa-a{--fa:"A"}
.fa-b{--fa:"B"}
.fa-c{--fa:"C"}
.fa-d{--fa:"D"}
.fa-e{--fa:"E"}
.fa-f{--fa:"F"}
.fa-g{--fa:"G"}
.fa-h{--fa:"H"}
.fa-i{--fa:"I"}
.fa-j{--fa:"J"}
.fa-k{--fa:"K"}
.fa-l{--fa:"L"}
.fa-m{--fa:"M"}
.fa-n{--fa:"N"}
.fa-o{--fa:"O"}
.fa-p{--fa:"P"}
.fa-q{--fa:"Q"}
.fa-r{--fa:"R"}
.fa-s{--fa:"S"}
.fa-t{--fa:"T"}
.fa-u{--fa:"U"}
.fa-v{--fa:"V"}
.fa-w{--fa:"W"}
.fa-x{--fa:"X"}
.fa-y{--fa:"Y"}
.fa-z{--fa:"Z"}
.fa-faucet{--fa:"\e005"}
.fa-faucet-drip{--fa:"\e006"}
.fa-house-chimney-window{--fa:"\e00d"}
.fa-house-signal{--fa:"\e012"}
.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}
.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}
.fa-trailer{--fa:"\e041"}
.fa-bacteria{--fa:"\e059"}
.fa-bacterium{--fa:"\e05a"}
.fa-box-tissue{--fa:"\e05b"}
.fa-hand-holding-medical{--fa:"\e05c"}
.fa-hand-sparkles{--fa:"\e05d"}
.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}
.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:"\e060"}
.fa-head-side-cough{--fa:"\e061"}
.fa-head-side-cough-slash{--fa:"\e062"}
.fa-head-side-mask{--fa:"\e063"}
.fa-head-side-virus{--fa:"\e064"}
.fa-house-chimney-user{--fa:"\e065"}
.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}
.fa-lungs-virus{--fa:"\e067"}
.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}
.fa-plane-slash{--fa:"\e069"}
.fa-pump-medical{--fa:"\e06a"}
.fa-pump-soap{--fa:"\e06b"}
.fa-shield-virus{--fa:"\e06c"}
.fa-sink{--fa:"\e06d"}
.fa-soap{--fa:"\e06e"}
.fa-stopwatch-20{--fa:"\e06f"}
.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}
.fa-store-slash{--fa:"\e071"}
.fa-toilet-paper-slash{--fa:"\e072"}
.fa-users-slash{--fa:"\e073"}
.fa-virus{--fa:"\e074"}
.fa-virus-slash{--fa:"\e075"}
.fa-viruses{--fa:"\e076"}
.fa-vest{--fa:"\e085"}
.fa-vest-patches{--fa:"\e086"}
.fa-arrow-trend-down{--fa:"\e097"}
.fa-arrow-trend-up{--fa:"\e098"}
.fa-arrow-up-from-bracket{--fa:"\e09a"}
.fa-austral-sign{--fa:"\e0a9"}
.fa-baht-sign{--fa:"\e0ac"}
.fa-bitcoin-sign{--fa:"\e0b4"}
.fa-bolt-lightning{--fa:"\e0b7"}
.fa-book-bookmark{--fa:"\e0bb"}
.fa-camera-rotate{--fa:"\e0d8"}
.fa-cedi-sign{--fa:"\e0df"}
.fa-chart-column{--fa:"\e0e3"}
.fa-chart-gantt{--fa:"\e0e4"}
.fa-clapperboard{--fa:"\e131"}
.fa-closed-captioning-slash{--fa:"\e135"}
.fa-clover{--fa:"\e139"}
.fa-code-compare{--fa:"\e13a"}
.fa-code-fork{--fa:"\e13b"}
.fa-code-pull-request{--fa:"\e13c"}
.fa-colon-sign{--fa:"\e140"}
.fa-cruzeiro-sign{--fa:"\e152"}
.fa-display{--fa:"\e163"}
.fa-dong-sign{--fa:"\e169"}
.fa-elevator{--fa:"\e16d"}
.fa-filter-circle-xmark{--fa:"\e17b"}
.fa-florin-sign{--fa:"\e184"}
.fa-folder-closed{--fa:"\e185"}
.fa-franc-sign{--fa:"\e18f"}
.fa-guarani-sign{--fa:"\e19a"}
.fa-gun{--fa:"\e19b"}
.fa-hands-clapping{--fa:"\e1a8"}
.fa-home-user,.fa-house-user{--fa:"\e1b0"}
.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}
.fa-kip-sign{--fa:"\e1c4"}
.fa-lari-sign{--fa:"\e1c8"}
.fa-litecoin-sign{--fa:"\e1d3"}
.fa-manat-sign{--fa:"\e1d5"}
.fa-mask-face{--fa:"\e1d7"}
.fa-mill-sign{--fa:"\e1ed"}
.fa-money-bills{--fa:"\e1f3"}
.fa-naira-sign{--fa:"\e1f6"}
.fa-notdef{--fa:"\e1fe"}
.fa-panorama{--fa:"\e209"}
.fa-peseta-sign{--fa:"\e221"}
.fa-peso-sign{--fa:"\e222"}
.fa-plane-up{--fa:"\e22d"}
.fa-rupiah-sign{--fa:"\e23d"}
.fa-stairs{--fa:"\e289"}
.fa-timeline{--fa:"\e29c"}
.fa-truck-front{--fa:"\e2b7"}
.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}
.fa-vault{--fa:"\e2c5"}
.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}
.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}
.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}
.fa-bangladeshi-taka-sign{--fa:"\e2e6"}
.fa-bowl-rice{--fa:"\e2eb"}
.fa-person-pregnant{--fa:"\e31e"}
.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}
.fa-house-crack{--fa:"\e3b1"}
.fa-house-medical{--fa:"\e3b2"}
.fa-cent-sign{--fa:"\e3f5"}
.fa-plus-minus{--fa:"\e43c"}
.fa-sailboat{--fa:"\e445"}
.fa-section{--fa:"\e447"}
.fa-shrimp{--fa:"\e448"}
.fa-brazilian-real-sign{--fa:"\e46c"}
.fa-chart-simple{--fa:"\e473"}
.fa-diagram-next{--fa:"\e476"}
.fa-diagram-predecessor{--fa:"\e477"}
.fa-diagram-successor{--fa:"\e47a"}
.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}
.fa-bug-slash{--fa:"\e490"}
.fa-file-circle-plus{--fa:"\e494"}
.fa-shop-lock{--fa:"\e4a5"}
.fa-virus-covid{--fa:"\e4a8"}
.fa-virus-covid-slash{--fa:"\e4a9"}
.fa-anchor-circle-check{--fa:"\e4aa"}
.fa-anchor-circle-exclamation{--fa:"\e4ab"}
.fa-anchor-circle-xmark{--fa:"\e4ac"}
.fa-anchor-lock{--fa:"\e4ad"}
.fa-arrow-down-up-across-line{--fa:"\e4af"}
.fa-arrow-down-up-lock{--fa:"\e4b0"}
.fa-arrow-right-to-city{--fa:"\e4b3"}
.fa-arrow-up-from-ground-water{--fa:"\e4b5"}
.fa-arrow-up-from-water-pump{--fa:"\e4b6"}
.fa-arrow-up-right-dots{--fa:"\e4b7"}
.fa-arrows-down-to-line{--fa:"\e4b8"}
.fa-arrows-down-to-people{--fa:"\e4b9"}
.fa-arrows-left-right-to-line{--fa:"\e4ba"}
.fa-arrows-spin{--fa:"\e4bb"}
.fa-arrows-split-up-and-left{--fa:"\e4bc"}
.fa-arrows-to-circle{--fa:"\e4bd"}
.fa-arrows-to-dot{--fa:"\e4be"}
.fa-arrows-to-eye{--fa:"\e4bf"}
.fa-arrows-turn-right{--fa:"\e4c0"}
.fa-arrows-turn-to-dots{--fa:"\e4c1"}
.fa-arrows-up-to-line{--fa:"\e4c2"}
.fa-bore-hole{--fa:"\e4c3"}
.fa-bottle-droplet{--fa:"\e4c4"}
.fa-bottle-water{--fa:"\e4c5"}
.fa-bowl-food{--fa:"\e4c6"}
.fa-boxes-packing{--fa:"\e4c7"}
.fa-bridge{--fa:"\e4c8"}
.fa-bridge-circle-check{--fa:"\e4c9"}
.fa-bridge-circle-exclamation{--fa:"\e4ca"}
.fa-bridge-circle-xmark{--fa:"\e4cb"}
.fa-bridge-lock{--fa:"\e4cc"}
.fa-bridge-water{--fa:"\e4ce"}
.fa-bucket{--fa:"\e4cf"}
.fa-bugs{--fa:"\e4d0"}
.fa-building-circle-arrow-right{--fa:"\e4d1"}
.fa-building-circle-check{--fa:"\e4d2"}
.fa-building-circle-exclamation{--fa:"\e4d3"}
.fa-building-circle-xmark{--fa:"\e4d4"}
.fa-building-flag{--fa:"\e4d5"}
.fa-building-lock{--fa:"\e4d6"}
.fa-building-ngo{--fa:"\e4d7"}
.fa-building-shield{--fa:"\e4d8"}
.fa-building-un{--fa:"\e4d9"}
.fa-building-user{--fa:"\e4da"}
.fa-building-wheat{--fa:"\e4db"}
.fa-burst{--fa:"\e4dc"}
.fa-car-on{--fa:"\e4dd"}
.fa-car-tunnel{--fa:"\e4de"}
.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}
.fa-children{--fa:"\e4e1"}
.fa-circle-nodes{--fa:"\e4e2"}
.fa-clipboard-question{--fa:"\e4e3"}
.fa-cloud-showers-water{--fa:"\e4e4"}
.fa-computer{--fa:"\e4e5"}
.fa-cubes-stacked{--fa:"\e4e6"}
.fa-envelope-circle-check{--fa:"\e4e8"}
.fa-explosion{--fa:"\e4e9"}
.fa-ferry{--fa:"\e4ea"}
.fa-file-circle-exclamation{--fa:"\e4eb"}
.fa-file-circle-minus{--fa:"\e4ed"}
.fa-file-circle-question{--fa:"\e4ef"}
.fa-file-shield{--fa:"\e4f0"}
.fa-fire-burner{--fa:"\e4f1"}
.fa-fish-fins{--fa:"\e4f2"}
.fa-flask-vial{--fa:"\e4f3"}
.fa-glass-water{--fa:"\e4f4"}
.fa-glass-water-droplet{--fa:"\e4f5"}
.fa-group-arrows-rotate{--fa:"\e4f6"}
.fa-hand-holding-hand{--fa:"\e4f7"}
.fa-handcuffs{--fa:"\e4f8"}
.fa-hands-bound{--fa:"\e4f9"}
.fa-hands-holding-child{--fa:"\e4fa"}
.fa-hands-holding-circle{--fa:"\e4fb"}
.fa-heart-circle-bolt{--fa:"\e4fc"}
.fa-heart-circle-check{--fa:"\e4fd"}
.fa-heart-circle-exclamation{--fa:"\e4fe"}
.fa-heart-circle-minus{--fa:"\e4ff"}
.fa-heart-circle-plus{--fa:"\e500"}
.fa-heart-circle-xmark{--fa:"\e501"}
.fa-helicopter-symbol{--fa:"\e502"}
.fa-helmet-un{--fa:"\e503"}
.fa-hill-avalanche{--fa:"\e507"}
.fa-hill-rockslide{--fa:"\e508"}
.fa-house-circle-check{--fa:"\e509"}
.fa-house-circle-exclamation{--fa:"\e50a"}
.fa-house-circle-xmark{--fa:"\e50b"}
.fa-house-fire{--fa:"\e50c"}
.fa-house-flag{--fa:"\e50d"}
.fa-house-flood-water{--fa:"\e50e"}
.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}
.fa-house-lock{--fa:"\e510"}
.fa-house-medical-circle-check{--fa:"\e511"}
.fa-house-medical-circle-exclamation{--fa:"\e512"}
.fa-house-medical-circle-xmark{--fa:"\e513"}
.fa-house-medical-flag{--fa:"\e514"}
.fa-house-tsunami{--fa:"\e515"}
.fa-jar{--fa:"\e516"}
.fa-jar-wheat{--fa:"\e517"}
.fa-jet-fighter-up{--fa:"\e518"}
.fa-jug-detergent{--fa:"\e519"}
.fa-kitchen-set{--fa:"\e51a"}
.fa-land-mine-on{--fa:"\e51b"}
.fa-landmark-flag{--fa:"\e51c"}
.fa-laptop-file{--fa:"\e51d"}
.fa-lines-leaning{--fa:"\e51e"}
.fa-location-pin-lock{--fa:"\e51f"}
.fa-locust{--fa:"\e520"}
.fa-magnifying-glass-arrow-right{--fa:"\e521"}
.fa-magnifying-glass-chart{--fa:"\e522"}
.fa-mars-and-venus-burst{--fa:"\e523"}
.fa-mask-ventilator{--fa:"\e524"}
.fa-mattress-pillow{--fa:"\e525"}
.fa-mobile-retro{--fa:"\e527"}
.fa-money-bill-transfer{--fa:"\e528"}
.fa-money-bill-trend-up{--fa:"\e529"}
.fa-money-bill-wheat{--fa:"\e52a"}
.fa-mosquito{--fa:"\e52b"}
.fa-mosquito-net{--fa:"\e52c"}
.fa-mound{--fa:"\e52d"}
.fa-mountain-city{--fa:"\e52e"}
.fa-mountain-sun{--fa:"\e52f"}
.fa-oil-well{--fa:"\e532"}
.fa-people-group{--fa:"\e533"}
.fa-people-line{--fa:"\e534"}
.fa-people-pulling{--fa:"\e535"}
.fa-people-robbery{--fa:"\e536"}
.fa-people-roof{--fa:"\e537"}
.fa-person-arrow-down-to-line{--fa:"\e538"}
.fa-person-arrow-up-from-line{--fa:"\e539"}
.fa-person-breastfeeding{--fa:"\e53a"}
.fa-person-burst{--fa:"\e53b"}
.fa-person-cane{--fa:"\e53c"}
.fa-person-chalkboard{--fa:"\e53d"}
.fa-person-circle-check{--fa:"\e53e"}
.fa-person-circle-exclamation{--fa:"\e53f"}
.fa-person-circle-minus{--fa:"\e540"}
.fa-person-circle-plus{--fa:"\e541"}
.fa-person-circle-question{--fa:"\e542"}
.fa-person-circle-xmark{--fa:"\e543"}
.fa-person-dress-burst{--fa:"\e544"}
.fa-person-drowning{--fa:"\e545"}
.fa-person-falling{--fa:"\e546"}
.fa-person-falling-burst{--fa:"\e547"}
.fa-person-half-dress{--fa:"\e548"}
.fa-person-harassing{--fa:"\e549"}
.fa-person-military-pointing{--fa:"\e54a"}
.fa-person-military-rifle{--fa:"\e54b"}
.fa-person-military-to-person{--fa:"\e54c"}
.fa-person-rays{--fa:"\e54d"}
.fa-person-rifle{--fa:"\e54e"}
.fa-person-shelter{--fa:"\e54f"}
.fa-person-walking-arrow-loop-left{--fa:"\e551"}
.fa-person-walking-arrow-right{--fa:"\e552"}
.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}
.fa-person-walking-luggage{--fa:"\e554"}
.fa-plane-circle-check{--fa:"\e555"}
.fa-plane-circle-exclamation{--fa:"\e556"}
.fa-plane-circle-xmark{--fa:"\e557"}
.fa-plane-lock{--fa:"\e558"}
.fa-plate-wheat{--fa:"\e55a"}
.fa-plug-circle-bolt{--fa:"\e55b"}
.fa-plug-circle-check{--fa:"\e55c"}
.fa-plug-circle-exclamation{--fa:"\e55d"}
.fa-plug-circle-minus{--fa:"\e55e"}
.fa-plug-circle-plus{--fa:"\e55f"}
.fa-plug-circle-xmark{--fa:"\e560"}
.fa-ranking-star{--fa:"\e561"}
.fa-road-barrier{--fa:"\e562"}
.fa-road-bridge{--fa:"\e563"}
.fa-road-circle-check{--fa:"\e564"}
.fa-road-circle-exclamation{--fa:"\e565"}
.fa-road-circle-xmark{--fa:"\e566"}
.fa-road-lock{--fa:"\e567"}
.fa-road-spikes{--fa:"\e568"}
.fa-rug{--fa:"\e569"}
.fa-sack-xmark{--fa:"\e56a"}
.fa-school-circle-check{--fa:"\e56b"}
.fa-school-circle-exclamation{--fa:"\e56c"}
.fa-school-circle-xmark{--fa:"\e56d"}
.fa-school-flag{--fa:"\e56e"}
.fa-school-lock{--fa:"\e56f"}
.fa-sheet-plastic{--fa:"\e571"}
.fa-shield-cat{--fa:"\e572"}
.fa-shield-dog{--fa:"\e573"}
.fa-shield-heart{--fa:"\e574"}
.fa-square-nfi{--fa:"\e576"}
.fa-square-person-confined{--fa:"\e577"}
.fa-square-virus{--fa:"\e578"}
.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}
.fa-sun-plant-wilt{--fa:"\e57a"}
.fa-tarp{--fa:"\e57b"}
.fa-tarp-droplet{--fa:"\e57c"}
.fa-tent{--fa:"\e57d"}
.fa-tent-arrow-down-to-line{--fa:"\e57e"}
.fa-tent-arrow-left-right{--fa:"\e57f"}
.fa-tent-arrow-turn-left{--fa:"\e580"}
.fa-tent-arrows-down{--fa:"\e581"}
.fa-tents{--fa:"\e582"}
.fa-toilet-portable{--fa:"\e583"}
.fa-toilets-portable{--fa:"\e584"}
.fa-tower-cell{--fa:"\e585"}
.fa-tower-observation{--fa:"\e586"}
.fa-tree-city{--fa:"\e587"}
.fa-trowel{--fa:"\e589"}
.fa-trowel-bricks{--fa:"\e58a"}
.fa-truck-arrow-right{--fa:"\e58b"}
.fa-truck-droplet{--fa:"\e58c"}
.fa-truck-field{--fa:"\e58d"}
.fa-truck-field-un{--fa:"\e58e"}
.fa-truck-plane{--fa:"\e58f"}
.fa-users-between-lines{--fa:"\e591"}
.fa-users-line{--fa:"\e592"}
.fa-users-rays{--fa:"\e593"}
.fa-users-rectangle{--fa:"\e594"}
.fa-users-viewfinder{--fa:"\e595"}
.fa-vial-circle-check{--fa:"\e596"}
.fa-vial-virus{--fa:"\e597"}
.fa-wheat-awn-circle-exclamation{--fa:"\e598"}
.fa-worm{--fa:"\e599"}
.fa-xmarks-lines{--fa:"\e59a"}
.fa-child-dress{--fa:"\e59c"}
.fa-child-reaching{--fa:"\e59d"}
.fa-file-circle-check{--fa:"\e5a0"}
.fa-file-circle-xmark{--fa:"\e5a1"}
.fa-person-through-window{--fa:"\e5a9"}
.fa-plant-wilt{--fa:"\e5aa"}
.fa-stapler{--fa:"\e5af"}
.fa-train-tram{--fa:"\e5b4"}
.fa-table-cells-column-lock{--fa:"\e678"}
.fa-table-cells-row-lock{--fa:"\e67a"}
.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}
.fa-table-cells-row-unlock{--fa:"\e691"}
.fa-chart-diagram{--fa:"\e695"}
.fa-comment-nodes{--fa:"\e696"}
.fa-file-fragment{--fa:"\e697"}
.fa-file-half-dashed{--fa:"\e698"}
.fa-hexagon-nodes{--fa:"\e699"}
.fa-hexagon-nodes-bolt{--fa:"\e69a"}
.fa-square-binary{--fa:"\e69b"}
.fa-pentagon{--fa:"\e790"}
.fa-non-binary{--fa:"\e807"}
.fa-spiral{--fa:"\e80a"}
.fa-picture-in-picture{--fa:"\e80b"}
.fa-mobile-vibrate{--fa:"\e816"}
.fa-single-quote-left{--fa:"\e81b"}
.fa-single-quote-right{--fa:"\e81c"}
.fa-bus-side{--fa:"\e81d"}
.fa-heptagon,.fa-septagon{--fa:"\e820"}
.fa-aquarius{--fa:"\e845"}
.fa-aries{--fa:"\e846"}
.fa-cancer{--fa:"\e847"}
.fa-capricorn{--fa:"\e848"}
.fa-gemini{--fa:"\e849"}
.fa-leo{--fa:"\e84a"}
.fa-libra{--fa:"\e84b"}
.fa-pisces{--fa:"\e84c"}
.fa-sagittarius{--fa:"\e84d"}
.fa-scorpio{--fa:"\e84e"}
.fa-taurus{--fa:"\e84f"}
.fa-virgo{--fa:"\e850"}
.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}
.fa-music{--fa:"\f001"}
.fa-magnifying-glass,.fa-search{--fa:"\f002"}
.fa-heart{--fa:"\f004"}
.fa-star{--fa:"\f005"}
.fa-user,.fa-user-alt,.fa-user-large{--fa:"\f007"}
.fa-film,.fa-film-alt,.fa-film-simple{--fa:"\f008"}
.fa-table-cells-large,.fa-th-large{--fa:"\f009"}
.fa-table-cells,.fa-th{--fa:"\f00a"}
.fa-table-list,.fa-th-list{--fa:"\f00b"}
.fa-check{--fa:"\f00c"}
.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}
.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}
.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}
.fa-power-off{--fa:"\f011"}
.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}
.fa-cog,.fa-gear{--fa:"\f013"}
.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}
.fa-clock,.fa-clock-four{--fa:"\f017"}
.fa-road{--fa:"\f018"}
.fa-download{--fa:"\f019"}
.fa-inbox{--fa:"\f01c"}
.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}
.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}
.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}
.fa-lock{--fa:"\f023"}
.fa-flag{--fa:"\f024"}
.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:"\f025"}
.fa-volume-off{--fa:"\f026"}
.fa-volume-down,.fa-volume-low{--fa:"\f027"}
.fa-volume-high,.fa-volume-up{--fa:"\f028"}
.fa-qrcode{--fa:"\f029"}
.fa-barcode{--fa:"\f02a"}
.fa-tag{--fa:"\f02b"}
.fa-tags{--fa:"\f02c"}
.fa-book{--fa:"\f02d"}
.fa-bookmark{--fa:"\f02e"}
.fa-print{--fa:"\f02f"}
.fa-camera,.fa-camera-alt{--fa:"\f030"}
.fa-font{--fa:"\f031"}
.fa-bold{--fa:"\f032"}
.fa-italic{--fa:"\f033"}
.fa-text-height{--fa:"\f034"}
.fa-text-width{--fa:"\f035"}
.fa-align-left{--fa:"\f036"}
.fa-align-center{--fa:"\f037"}
.fa-align-right{--fa:"\f038"}
.fa-align-justify{--fa:"\f039"}
.fa-list,.fa-list-squares{--fa:"\f03a"}
.fa-dedent,.fa-outdent{--fa:"\f03b"}
.fa-indent{--fa:"\f03c"}
.fa-video,.fa-video-camera{--fa:"\f03d"}
.fa-image{--fa:"\f03e"}
.fa-location-pin,.fa-map-marker{--fa:"\f041"}
.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}
.fa-droplet,.fa-tint{--fa:"\f043"}
.fa-edit,.fa-pen-to-square{--fa:"\f044"}
.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}
.fa-backward-step,.fa-step-backward{--fa:"\f048"}
.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}
.fa-backward{--fa:"\f04a"}
.fa-play{--fa:"\f04b"}
.fa-pause{--fa:"\f04c"}
.fa-stop{--fa:"\f04d"}
.fa-forward{--fa:"\f04e"}
.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}
.fa-forward-step,.fa-step-forward{--fa:"\f051"}
.fa-eject{--fa:"\f052"}
.fa-chevron-left{--fa:"\f053"}
.fa-chevron-right{--fa:"\f054"}
.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}
.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}
.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}
.fa-check-circle,.fa-circle-check{--fa:"\f058"}
.fa-circle-question,.fa-question-circle{--fa:"\f059"}
.fa-circle-info,.fa-info-circle{--fa:"\f05a"}
.fa-crosshairs{--fa:"\f05b"}
.fa-ban,.fa-cancel{--fa:"\f05e"}
.fa-arrow-left{--fa:"\f060"}
.fa-arrow-right{--fa:"\f061"}
.fa-arrow-up{--fa:"\f062"}
.fa-arrow-down{--fa:"\f063"}
.fa-mail-forward,.fa-share{--fa:"\f064"}
.fa-expand{--fa:"\f065"}
.fa-compress{--fa:"\f066"}
.fa-minus,.fa-subtract{--fa:"\f068"}
.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}
.fa-gift{--fa:"\f06b"}
.fa-leaf{--fa:"\f06c"}
.fa-fire{--fa:"\f06d"}
.fa-eye{--fa:"\f06e"}
.fa-eye-slash{--fa:"\f070"}
.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}
.fa-plane{--fa:"\f072"}
.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}
.fa-random,.fa-shuffle{--fa:"\f074"}
.fa-comment{--fa:"\f075"}
.fa-magnet{--fa:"\f076"}
.fa-chevron-up{--fa:"\f077"}
.fa-chevron-down{--fa:"\f078"}
.fa-retweet{--fa:"\f079"}
.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}
.fa-folder,.fa-folder-blank{--fa:"\f07b"}
.fa-folder-open{--fa:"\f07c"}
.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}
.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}
.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}
.fa-camera-retro{--fa:"\f083"}
.fa-key{--fa:"\f084"}
.fa-cogs,.fa-gears{--fa:"\f085"}
.fa-comments{--fa:"\f086"}
.fa-star-half{--fa:"\f089"}
.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}
.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}
.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}
.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}
.fa-trophy{--fa:"\f091"}
.fa-upload{--fa:"\f093"}
.fa-lemon{--fa:"\f094"}
.fa-phone{--fa:"\f095"}
.fa-phone-square,.fa-square-phone{--fa:"\f098"}
.fa-unlock{--fa:"\f09c"}
.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}
.fa-feed,.fa-rss{--fa:"\f09e"}
.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}
.fa-bullhorn{--fa:"\f0a1"}
.fa-certificate{--fa:"\f0a3"}
.fa-hand-point-right{--fa:"\f0a4"}
.fa-hand-point-left{--fa:"\f0a5"}
.fa-hand-point-up{--fa:"\f0a6"}
.fa-hand-point-down{--fa:"\f0a7"}
.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}
.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}
.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}
.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}
.fa-globe{--fa:"\f0ac"}
.fa-wrench{--fa:"\f0ad"}
.fa-list-check,.fa-tasks{--fa:"\f0ae"}
.fa-filter{--fa:"\f0b0"}
.fa-briefcase{--fa:"\f0b1"}
.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}
.fa-users{--fa:"\f0c0"}
.fa-chain,.fa-link{--fa:"\f0c1"}
.fa-cloud{--fa:"\f0c2"}
.fa-flask{--fa:"\f0c3"}
.fa-cut,.fa-scissors{--fa:"\f0c4"}
.fa-copy{--fa:"\f0c5"}
.fa-paperclip{--fa:"\f0c6"}
.fa-floppy-disk,.fa-save{--fa:"\f0c7"}
.fa-square{--fa:"\f0c8"}
.fa-bars,.fa-navicon{--fa:"\f0c9"}
.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}
.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}
.fa-strikethrough{--fa:"\f0cc"}
.fa-underline{--fa:"\f0cd"}
.fa-table{--fa:"\f0ce"}
.fa-magic,.fa-wand-magic{--fa:"\f0d0"}
.fa-truck{--fa:"\f0d1"}
.fa-money-bill{--fa:"\f0d6"}
.fa-caret-down{--fa:"\f0d7"}
.fa-caret-up{--fa:"\f0d8"}
.fa-caret-left{--fa:"\f0d9"}
.fa-caret-right{--fa:"\f0da"}
.fa-columns,.fa-table-columns{--fa:"\f0db"}
.fa-sort,.fa-unsorted{--fa:"\f0dc"}
.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}
.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}
.fa-envelope{--fa:"\f0e0"}
.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}
.fa-gavel,.fa-legal{--fa:"\f0e3"}
.fa-bolt,.fa-zap{--fa:"\f0e7"}
.fa-sitemap{--fa:"\f0e8"}
.fa-umbrella{--fa:"\f0e9"}
.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}
.fa-lightbulb{--fa:"\f0eb"}
.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}
.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}
.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}
.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}
.fa-stethoscope{--fa:"\f0f1"}
.fa-suitcase{--fa:"\f0f2"}
.fa-bell{--fa:"\f0f3"}
.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}
.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}
.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}
.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}
.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}
.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}
.fa-h-square,.fa-square-h{--fa:"\f0fd"}
.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}
.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}
.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}
.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}
.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}
.fa-angle-left{--fa:"\f104"}
.fa-angle-right{--fa:"\f105"}
.fa-angle-up{--fa:"\f106"}
.fa-angle-down{--fa:"\f107"}
.fa-laptop{--fa:"\f109"}
.fa-tablet-button{--fa:"\f10a"}
.fa-mobile-button{--fa:"\f10b"}
.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}
.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}
.fa-spinner{--fa:"\f110"}
.fa-circle{--fa:"\f111"}
.fa-face-smile,.fa-smile{--fa:"\f118"}
.fa-face-frown,.fa-frown{--fa:"\f119"}
.fa-face-meh,.fa-meh{--fa:"\f11a"}
.fa-gamepad{--fa:"\f11b"}
.fa-keyboard{--fa:"\f11c"}
.fa-flag-checkered{--fa:"\f11e"}
.fa-terminal{--fa:"\f120"}
.fa-code{--fa:"\f121"}
.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}
.fa-location-arrow{--fa:"\f124"}
.fa-crop{--fa:"\f125"}
.fa-code-branch{--fa:"\f126"}
.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}
.fa-info{--fa:"\f129"}
.fa-superscript{--fa:"\f12b"}
.fa-subscript{--fa:"\f12c"}
.fa-eraser{--fa:"\f12d"}
.fa-puzzle-piece{--fa:"\f12e"}
.fa-microphone{--fa:"\f130"}
.fa-microphone-slash{--fa:"\f131"}
.fa-shield,.fa-shield-blank{--fa:"\f132"}
.fa-calendar{--fa:"\f133"}
.fa-fire-extinguisher{--fa:"\f134"}
.fa-rocket{--fa:"\f135"}
.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}
.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}
.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}
.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}
.fa-anchor{--fa:"\f13d"}
.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}
.fa-bullseye{--fa:"\f140"}
.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}
.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}
.fa-rss-square,.fa-square-rss{--fa:"\f143"}
.fa-circle-play,.fa-play-circle{--fa:"\f144"}
.fa-ticket{--fa:"\f145"}
.fa-minus-square,.fa-square-minus{--fa:"\f146"}
.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}
.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}
.fa-check-square,.fa-square-check{--fa:"\f14a"}
.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}
.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}
.fa-share-from-square,.fa-share-square{--fa:"\f14d"}
.fa-compass{--fa:"\f14e"}
.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}
.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}
.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}
.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}
.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}
.fa-rupee,.fa-rupee-sign{--fa:"\f156"}
.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}
.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}
.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}
.fa-file{--fa:"\f15b"}
.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}
.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}
.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}
.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}
.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}
.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}
.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}
.fa-thumbs-up{--fa:"\f164"}
.fa-thumbs-down{--fa:"\f165"}
.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}
.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}
.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}
.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}
.fa-female,.fa-person-dress{--fa:"\f182"}
.fa-male,.fa-person{--fa:"\f183"}
.fa-sun{--fa:"\f185"}
.fa-moon{--fa:"\f186"}
.fa-archive,.fa-box-archive{--fa:"\f187"}
.fa-bug{--fa:"\f188"}
.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}
.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}
.fa-wheelchair{--fa:"\f193"}
.fa-lira-sign{--fa:"\f195"}
.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}
.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}
.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}
.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}
.fa-language{--fa:"\f1ab"}
.fa-fax{--fa:"\f1ac"}
.fa-building{--fa:"\f1ad"}
.fa-child{--fa:"\f1ae"}
.fa-paw{--fa:"\f1b0"}
.fa-cube{--fa:"\f1b2"}
.fa-cubes{--fa:"\f1b3"}
.fa-recycle{--fa:"\f1b8"}
.fa-automobile,.fa-car{--fa:"\f1b9"}
.fa-cab,.fa-taxi{--fa:"\f1ba"}
.fa-tree{--fa:"\f1bb"}
.fa-database{--fa:"\f1c0"}
.fa-file-pdf{--fa:"\f1c1"}
.fa-file-word{--fa:"\f1c2"}
.fa-file-excel{--fa:"\f1c3"}
.fa-file-powerpoint{--fa:"\f1c4"}
.fa-file-image{--fa:"\f1c5"}
.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}
.fa-file-audio{--fa:"\f1c7"}
.fa-file-video{--fa:"\f1c8"}
.fa-file-code{--fa:"\f1c9"}
.fa-life-ring{--fa:"\f1cd"}
.fa-circle-notch{--fa:"\f1ce"}
.fa-paper-plane{--fa:"\f1d8"}
.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}
.fa-header,.fa-heading{--fa:"\f1dc"}
.fa-paragraph{--fa:"\f1dd"}
.fa-sliders,.fa-sliders-h{--fa:"\f1de"}
.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}
.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}
.fa-bomb{--fa:"\f1e2"}
.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}
.fa-teletype,.fa-tty{--fa:"\f1e4"}
.fa-binoculars{--fa:"\f1e5"}
.fa-plug{--fa:"\f1e6"}
.fa-newspaper{--fa:"\f1ea"}
.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}
.fa-calculator{--fa:"\f1ec"}
.fa-bell-slash{--fa:"\f1f6"}
.fa-trash{--fa:"\f1f8"}
.fa-copyright{--fa:"\f1f9"}
.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}
.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}
.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}
.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}
.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}
.fa-chart-line,.fa-line-chart{--fa:"\f201"}
.fa-toggle-off{--fa:"\f204"}
.fa-toggle-on{--fa:"\f205"}
.fa-bicycle{--fa:"\f206"}
.fa-bus{--fa:"\f207"}
.fa-closed-captioning{--fa:"\f20a"}
.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}
.fa-cart-plus{--fa:"\f217"}
.fa-cart-arrow-down{--fa:"\f218"}
.fa-diamond{--fa:"\f219"}
.fa-ship{--fa:"\f21a"}
.fa-user-secret{--fa:"\f21b"}
.fa-motorcycle{--fa:"\f21c"}
.fa-street-view{--fa:"\f21d"}
.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}
.fa-venus{--fa:"\f221"}
.fa-mars{--fa:"\f222"}
.fa-mercury{--fa:"\f223"}
.fa-mars-and-venus{--fa:"\f224"}
.fa-transgender,.fa-transgender-alt{--fa:"\f225"}
.fa-venus-double{--fa:"\f226"}
.fa-mars-double{--fa:"\f227"}
.fa-venus-mars{--fa:"\f228"}
.fa-mars-stroke{--fa:"\f229"}
.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}
.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}
.fa-neuter{--fa:"\f22c"}
.fa-genderless{--fa:"\f22d"}
.fa-server{--fa:"\f233"}
.fa-user-plus{--fa:"\f234"}
.fa-user-times,.fa-user-xmark{--fa:"\f235"}
.fa-bed{--fa:"\f236"}
.fa-train{--fa:"\f238"}
.fa-subway,.fa-train-subway{--fa:"\f239"}
.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}
.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}
.fa-battery-3,.fa-battery-half{--fa:"\f242"}
.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}
.fa-battery-0,.fa-battery-empty{--fa:"\f244"}
.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}
.fa-i-cursor{--fa:"\f246"}
.fa-object-group{--fa:"\f247"}
.fa-object-ungroup{--fa:"\f248"}
.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}
.fa-clone{--fa:"\f24d"}
.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}
.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}
.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}
.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}
.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}
.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}
.fa-hand,.fa-hand-paper{--fa:"\f256"}
.fa-hand-scissors{--fa:"\f257"}
.fa-hand-lizard{--fa:"\f258"}
.fa-hand-spock{--fa:"\f259"}
.fa-hand-pointer{--fa:"\f25a"}
.fa-hand-peace{--fa:"\f25b"}
.fa-trademark{--fa:"\f25c"}
.fa-registered{--fa:"\f25d"}
.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}
.fa-calendar-plus{--fa:"\f271"}
.fa-calendar-minus{--fa:"\f272"}
.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}
.fa-calendar-check{--fa:"\f274"}
.fa-industry{--fa:"\f275"}
.fa-map-pin{--fa:"\f276"}
.fa-map-signs,.fa-signs-post{--fa:"\f277"}
.fa-map{--fa:"\f279"}
.fa-comment-alt,.fa-message{--fa:"\f27a"}
.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}
.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}
.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}
.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}
.fa-universal-access{--fa:"\f29a"}
.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}
.fa-audio-description{--fa:"\f29e"}
.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}
.fa-braille{--fa:"\f2a1"}
.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}
.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}
.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}
.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}
.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}
.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:"\f2b5"}
.fa-envelope-open{--fa:"\f2b6"}
.fa-address-book,.fa-contact-book{--fa:"\f2b9"}
.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}
.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}
.fa-id-badge{--fa:"\f2c1"}
.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}
.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}
.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}
.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}
.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}
.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}
.fa-shower{--fa:"\f2cc"}
.fa-bath,.fa-bathtub{--fa:"\f2cd"}
.fa-podcast{--fa:"\f2ce"}
.fa-window-maximize{--fa:"\f2d0"}
.fa-window-minimize{--fa:"\f2d1"}
.fa-window-restore{--fa:"\f2d2"}
.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}
.fa-microchip{--fa:"\f2db"}
.fa-snowflake{--fa:"\f2dc"}
.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}
.fa-cutlery,.fa-utensils{--fa:"\f2e7"}
.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}
.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}
.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}
.fa-stopwatch{--fa:"\f2f2"}
.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}
.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}
.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}
.fa-poo{--fa:"\f2fe"}
.fa-images{--fa:"\f302"}
.fa-pencil,.fa-pencil-alt{--fa:"\f303"}
.fa-pen{--fa:"\f304"}
.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}
.fa-octagon{--fa:"\f306"}
.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}
.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}
.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}
.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}
.fa-hexagon{--fa:"\f312"}
.fa-file-edit,.fa-file-pen{--fa:"\f31c"}
.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}
.fa-clipboard{--fa:"\f328"}
.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}
.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}
.fa-alarm-clock{--fa:"\f34e"}
.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}
.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}
.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}
.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}
.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}
.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}
.fa-exchange-alt,.fa-right-left{--fa:"\f362"}
.fa-repeat{--fa:"\f363"}
.fa-code-commit{--fa:"\f386"}
.fa-code-merge{--fa:"\f387"}
.fa-desktop,.fa-desktop-alt{--fa:"\f390"}
.fa-gem{--fa:"\f3a5"}
.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}
.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}
.fa-lock-open{--fa:"\f3c1"}
.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}
.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}
.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}
.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}
.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}
.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}
.fa-phone-slash{--fa:"\f3dd"}
.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}
.fa-mail-reply,.fa-reply{--fa:"\f3e5"}
.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}
.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}
.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}
.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}
.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}
.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}
.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}
.fa-baseball-bat-ball{--fa:"\f432"}
.fa-baseball,.fa-baseball-ball{--fa:"\f433"}
.fa-basketball,.fa-basketball-ball{--fa:"\f434"}
.fa-bowling-ball{--fa:"\f436"}
.fa-chess{--fa:"\f439"}
.fa-chess-bishop{--fa:"\f43a"}
.fa-chess-board{--fa:"\f43c"}
.fa-chess-king{--fa:"\f43f"}
.fa-chess-knight{--fa:"\f441"}
.fa-chess-pawn{--fa:"\f443"}
.fa-chess-queen{--fa:"\f445"}
.fa-chess-rook{--fa:"\f447"}
.fa-dumbbell{--fa:"\f44b"}
.fa-football,.fa-football-ball{--fa:"\f44e"}
.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}
.fa-hockey-puck{--fa:"\f453"}
.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}
.fa-square-full{--fa:"\f45c"}
.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}
.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}
.fa-allergies,.fa-hand-dots{--fa:"\f461"}
.fa-band-aid,.fa-bandage{--fa:"\f462"}
.fa-box{--fa:"\f466"}
.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}
.fa-briefcase-medical{--fa:"\f469"}
.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}
.fa-capsules{--fa:"\f46b"}
.fa-clipboard-check{--fa:"\f46c"}
.fa-clipboard-list{--fa:"\f46d"}
.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}
.fa-dna{--fa:"\f471"}
.fa-dolly,.fa-dolly-box{--fa:"\f472"}
.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}
.fa-file-medical{--fa:"\f477"}
.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}
.fa-first-aid,.fa-kit-medical{--fa:"\f479"}
.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}
.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}
.fa-notes-medical{--fa:"\f481"}
.fa-pallet{--fa:"\f482"}
.fa-pills{--fa:"\f484"}
.fa-prescription-bottle{--fa:"\f485"}
.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}
.fa-bed-pulse,.fa-procedures{--fa:"\f487"}
.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}
.fa-smoking{--fa:"\f48d"}
.fa-syringe{--fa:"\f48e"}
.fa-tablets{--fa:"\f490"}
.fa-thermometer{--fa:"\f491"}
.fa-vial{--fa:"\f492"}
.fa-vials{--fa:"\f493"}
.fa-warehouse{--fa:"\f494"}
.fa-weight,.fa-weight-scale{--fa:"\f496"}
.fa-x-ray{--fa:"\f497"}
.fa-box-open{--fa:"\f49e"}
.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}
.fa-comment-slash{--fa:"\f4b3"}
.fa-couch{--fa:"\f4b8"}
.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}
.fa-dove{--fa:"\f4ba"}
.fa-hand-holding{--fa:"\f4bd"}
.fa-hand-holding-heart{--fa:"\f4be"}
.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}
.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}
.fa-hands-holding{--fa:"\f4c2"}
.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}
.fa-parachute-box{--fa:"\f4cd"}
.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}
.fa-piggy-bank{--fa:"\f4d3"}
.fa-ribbon{--fa:"\f4d6"}
.fa-route{--fa:"\f4d7"}
.fa-seedling,.fa-sprout{--fa:"\f4d8"}
.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}
.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}
.fa-tape{--fa:"\f4db"}
.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}
.fa-truck-moving{--fa:"\f4df"}
.fa-video-slash{--fa:"\f4e2"}
.fa-wine-glass{--fa:"\f4e3"}
.fa-user-astronaut{--fa:"\f4fb"}
.fa-user-check{--fa:"\f4fc"}
.fa-user-clock{--fa:"\f4fd"}
.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}
.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}
.fa-user-friends,.fa-user-group{--fa:"\f500"}
.fa-user-graduate{--fa:"\f501"}
.fa-user-lock{--fa:"\f502"}
.fa-user-minus{--fa:"\f503"}
.fa-user-ninja{--fa:"\f504"}
.fa-user-shield{--fa:"\f505"}
.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:"\f506"}
.fa-user-tag{--fa:"\f507"}
.fa-user-tie{--fa:"\f508"}
.fa-users-cog,.fa-users-gear{--fa:"\f509"}
.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}
.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}
.fa-blender{--fa:"\f517"}
.fa-book-open{--fa:"\f518"}
.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}
.fa-broom{--fa:"\f51a"}
.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}
.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}
.fa-church{--fa:"\f51d"}
.fa-coins{--fa:"\f51e"}
.fa-compact-disc{--fa:"\f51f"}
.fa-crow{--fa:"\f520"}
.fa-crown{--fa:"\f521"}
.fa-dice{--fa:"\f522"}
.fa-dice-five{--fa:"\f523"}
.fa-dice-four{--fa:"\f524"}
.fa-dice-one{--fa:"\f525"}
.fa-dice-six{--fa:"\f526"}
.fa-dice-three{--fa:"\f527"}
.fa-dice-two{--fa:"\f528"}
.fa-divide{--fa:"\f529"}
.fa-door-closed{--fa:"\f52a"}
.fa-door-open{--fa:"\f52b"}
.fa-feather{--fa:"\f52d"}
.fa-frog{--fa:"\f52e"}
.fa-gas-pump{--fa:"\f52f"}
.fa-glasses{--fa:"\f530"}
.fa-greater-than-equal{--fa:"\f532"}
.fa-helicopter{--fa:"\f533"}
.fa-infinity{--fa:"\f534"}
.fa-kiwi-bird{--fa:"\f535"}
.fa-less-than-equal{--fa:"\f537"}
.fa-memory{--fa:"\f538"}
.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}
.fa-money-bill-wave{--fa:"\f53a"}
.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}
.fa-money-check{--fa:"\f53c"}
.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}
.fa-not-equal{--fa:"\f53e"}
.fa-palette{--fa:"\f53f"}
.fa-parking,.fa-square-parking{--fa:"\f540"}
.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}
.fa-receipt{--fa:"\f543"}
.fa-robot{--fa:"\f544"}
.fa-ruler{--fa:"\f545"}
.fa-ruler-combined{--fa:"\f546"}
.fa-ruler-horizontal{--fa:"\f547"}
.fa-ruler-vertical{--fa:"\f548"}
.fa-school{--fa:"\f549"}
.fa-screwdriver{--fa:"\f54a"}
.fa-shoe-prints{--fa:"\f54b"}
.fa-skull{--fa:"\f54c"}
.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}
.fa-store{--fa:"\f54e"}
.fa-shop,.fa-store-alt{--fa:"\f54f"}
.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}
.fa-stroopwafel{--fa:"\f551"}
.fa-toolbox{--fa:"\f552"}
.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}
.fa-person-walking,.fa-walking{--fa:"\f554"}
.fa-wallet{--fa:"\f555"}
.fa-angry,.fa-face-angry{--fa:"\f556"}
.fa-archway{--fa:"\f557"}
.fa-atlas,.fa-book-atlas{--fa:"\f558"}
.fa-award{--fa:"\f559"}
.fa-backspace,.fa-delete-left{--fa:"\f55a"}
.fa-bezier-curve{--fa:"\f55b"}
.fa-bong{--fa:"\f55c"}
.fa-brush{--fa:"\f55d"}
.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}
.fa-cannabis{--fa:"\f55f"}
.fa-check-double{--fa:"\f560"}
.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}
.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}
.fa-cookie{--fa:"\f563"}
.fa-cookie-bite{--fa:"\f564"}
.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}
.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}
.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}
.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}
.fa-drum{--fa:"\f569"}
.fa-drum-steelpan{--fa:"\f56a"}
.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}
.fa-file-contract{--fa:"\f56c"}
.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}
.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}
.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}
.fa-file-invoice{--fa:"\f570"}
.fa-file-invoice-dollar{--fa:"\f571"}
.fa-file-prescription{--fa:"\f572"}
.fa-file-signature{--fa:"\f573"}
.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}
.fa-fill{--fa:"\f575"}
.fa-fill-drip{--fa:"\f576"}
.fa-fingerprint{--fa:"\f577"}
.fa-fish{--fa:"\f578"}
.fa-face-flushed,.fa-flushed{--fa:"\f579"}
.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}
.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}
.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}
.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}
.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}
.fa-face-grimace,.fa-grimace{--fa:"\f57f"}
.fa-face-grin,.fa-grin{--fa:"\f580"}
.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}
.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}
.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}
.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}
.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}
.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}
.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}
.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}
.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}
.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}
.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}
.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}
.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}
.fa-grid-vertical,.fa-grip-vertical{--fa:"\f58e"}
.fa-headset{--fa:"\f590"}
.fa-highlighter{--fa:"\f591"}
.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}
.fa-hotel{--fa:"\f594"}
.fa-joint{--fa:"\f595"}
.fa-face-kiss,.fa-kiss{--fa:"\f596"}
.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}
.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}
.fa-face-laugh,.fa-laugh{--fa:"\f599"}
.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}
.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}
.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}
.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}
.fa-map-location,.fa-map-marked{--fa:"\f59f"}
.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}
.fa-marker{--fa:"\f5a1"}
.fa-medal{--fa:"\f5a2"}
.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}
.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}
.fa-monument{--fa:"\f5a6"}
.fa-mortar-pestle{--fa:"\f5a7"}
.fa-paint-roller{--fa:"\f5aa"}
.fa-passport{--fa:"\f5ab"}
.fa-pen-fancy{--fa:"\f5ac"}
.fa-pen-nib{--fa:"\f5ad"}
.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}
.fa-plane-arrival{--fa:"\f5af"}
.fa-plane-departure{--fa:"\f5b0"}
.fa-prescription{--fa:"\f5b1"}
.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}
.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}
.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}
.fa-signature{--fa:"\f5b7"}
.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}
.fa-solar-panel{--fa:"\f5ba"}
.fa-spa{--fa:"\f5bb"}
.fa-splotch{--fa:"\f5bc"}
.fa-spray-can{--fa:"\f5bd"}
.fa-stamp{--fa:"\f5bf"}
.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}
.fa-suitcase-rolling{--fa:"\f5c1"}
.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}
.fa-swatchbook{--fa:"\f5c3"}
.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}
.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}
.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}
.fa-face-tired,.fa-tired{--fa:"\f5c8"}
.fa-tooth{--fa:"\f5c9"}
.fa-umbrella-beach{--fa:"\f5ca"}
.fa-weight-hanging{--fa:"\f5cd"}
.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}
.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}
.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}
.fa-atom{--fa:"\f5d2"}
.fa-bone{--fa:"\f5d7"}
.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}
.fa-brain{--fa:"\f5dc"}
.fa-car-alt,.fa-car-rear{--fa:"\f5de"}
.fa-battery-car,.fa-car-battery{--fa:"\f5df"}
.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}
.fa-car-side{--fa:"\f5e4"}
.fa-charging-station{--fa:"\f5e7"}
.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}
.fa-draw-polygon,.fa-vector-polygon{--fa:"\f5ee"}
.fa-laptop-code{--fa:"\f5fc"}
.fa-layer-group{--fa:"\f5fd"}
.fa-location,.fa-location-crosshairs{--fa:"\f601"}
.fa-lungs{--fa:"\f604"}
.fa-microscope{--fa:"\f610"}
.fa-oil-can{--fa:"\f613"}
.fa-poop{--fa:"\f619"}
.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}
.fa-star-of-life{--fa:"\f621"}
.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}
.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}
.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}
.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}
.fa-teeth{--fa:"\f62e"}
.fa-teeth-open{--fa:"\f62f"}
.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}
.fa-traffic-light{--fa:"\f637"}
.fa-truck-monster{--fa:"\f63b"}
.fa-truck-pickup{--fa:"\f63c"}
.fa-ad,.fa-rectangle-ad{--fa:"\f641"}
.fa-ankh{--fa:"\f644"}
.fa-bible,.fa-book-bible{--fa:"\f647"}
.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}
.fa-city{--fa:"\f64f"}
.fa-comment-dollar{--fa:"\f651"}
.fa-comments-dollar{--fa:"\f653"}
.fa-cross{--fa:"\f654"}
.fa-dharmachakra{--fa:"\f655"}
.fa-envelope-open-text{--fa:"\f658"}
.fa-folder-minus{--fa:"\f65d"}
.fa-folder-plus{--fa:"\f65e"}
.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}
.fa-gopuram{--fa:"\f664"}
.fa-hamsa{--fa:"\f665"}
.fa-bahai,.fa-haykal{--fa:"\f666"}
.fa-jedi{--fa:"\f669"}
.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}
.fa-kaaba{--fa:"\f66b"}
.fa-khanda{--fa:"\f66d"}
.fa-landmark{--fa:"\f66f"}
.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}
.fa-menorah{--fa:"\f676"}
.fa-mosque{--fa:"\f678"}
.fa-om{--fa:"\f679"}
.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}
.fa-peace{--fa:"\f67c"}
.fa-place-of-worship{--fa:"\f67f"}
.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}
.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}
.fa-person-praying,.fa-pray{--fa:"\f683"}
.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}
.fa-book-quran,.fa-quran{--fa:"\f687"}
.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}
.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}
.fa-socks{--fa:"\f696"}
.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}
.fa-star-and-crescent{--fa:"\f699"}
.fa-star-of-david{--fa:"\f69a"}
.fa-synagogue{--fa:"\f69b"}
.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}
.fa-torii-gate{--fa:"\f6a1"}
.fa-vihara{--fa:"\f6a7"}
.fa-volume,.fa-volume-medium{--fa:"\f6a8"}
.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}
.fa-yin-yang{--fa:"\f6ad"}
.fa-blender-phone{--fa:"\f6b6"}
.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}
.fa-campground{--fa:"\f6bb"}
.fa-cat{--fa:"\f6be"}
.fa-chair{--fa:"\f6c0"}
.fa-cloud-moon{--fa:"\f6c3"}
.fa-cloud-sun{--fa:"\f6c4"}
.fa-cow{--fa:"\f6c8"}
.fa-dice-d20{--fa:"\f6cf"}
.fa-dice-d6{--fa:"\f6d1"}
.fa-dog{--fa:"\f6d3"}
.fa-dragon{--fa:"\f6d5"}
.fa-drumstick-bite{--fa:"\f6d7"}
.fa-dungeon{--fa:"\f6d9"}
.fa-file-csv{--fa:"\f6dd"}
.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}
.fa-ghost{--fa:"\f6e2"}
.fa-hammer{--fa:"\f6e3"}
.fa-hanukiah{--fa:"\f6e6"}
.fa-hat-wizard{--fa:"\f6e8"}
.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}
.fa-hippo{--fa:"\f6ed"}
.fa-horse{--fa:"\f6f0"}
.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}
.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}
.fa-mask{--fa:"\f6fa"}
.fa-mountain{--fa:"\f6fc"}
.fa-network-wired{--fa:"\f6ff"}
.fa-otter{--fa:"\f700"}
.fa-ring{--fa:"\f70b"}
.fa-person-running,.fa-running{--fa:"\f70c"}
.fa-scroll{--fa:"\f70e"}
.fa-skull-crossbones{--fa:"\f714"}
.fa-slash{--fa:"\f715"}
.fa-spider{--fa:"\f717"}
.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:"\f71e"}
.fa-tractor{--fa:"\f722"}
.fa-user-injured{--fa:"\f728"}
.fa-vr-cardboard{--fa:"\f729"}
.fa-wand-sparkles{--fa:"\f72b"}
.fa-wind{--fa:"\f72e"}
.fa-wine-bottle{--fa:"\f72f"}
.fa-cloud-meatball{--fa:"\f73b"}
.fa-cloud-moon-rain{--fa:"\f73c"}
.fa-cloud-rain{--fa:"\f73d"}
.fa-cloud-showers-heavy{--fa:"\f740"}
.fa-cloud-sun-rain{--fa:"\f743"}
.fa-democrat{--fa:"\f747"}
.fa-flag-usa{--fa:"\f74d"}
.fa-hurricane{--fa:"\f751"}
.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}
.fa-meteor{--fa:"\f753"}
.fa-person-booth{--fa:"\f756"}
.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}
.fa-rainbow{--fa:"\f75b"}
.fa-republican{--fa:"\f75e"}
.fa-smog{--fa:"\f75f"}
.fa-temperature-high{--fa:"\f769"}
.fa-temperature-low{--fa:"\f76b"}
.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}
.fa-tornado{--fa:"\f76f"}
.fa-volcano{--fa:"\f770"}
.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}
.fa-water{--fa:"\f773"}
.fa-baby{--fa:"\f77c"}
.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}
.fa-biohazard{--fa:"\f780"}
.fa-blog{--fa:"\f781"}
.fa-calendar-day{--fa:"\f783"}
.fa-calendar-week{--fa:"\f784"}
.fa-candy-cane{--fa:"\f786"}
.fa-carrot{--fa:"\f787"}
.fa-cash-register{--fa:"\f788"}
.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}
.fa-dumpster{--fa:"\f793"}
.fa-dumpster-fire{--fa:"\f794"}
.fa-ethernet{--fa:"\f796"}
.fa-gifts{--fa:"\f79c"}
.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}
.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}
.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}
.fa-grip-lines{--fa:"\f7a4"}
.fa-grip-lines-vertical{--fa:"\f7a5"}
.fa-guitar{--fa:"\f7a6"}
.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}
.fa-holly-berry{--fa:"\f7aa"}
.fa-horse-head{--fa:"\f7ab"}
.fa-icicles{--fa:"\f7ad"}
.fa-igloo{--fa:"\f7ae"}
.fa-mitten{--fa:"\f7b5"}
.fa-mug-hot{--fa:"\f7b6"}
.fa-radiation{--fa:"\f7b9"}
.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}
.fa-restroom{--fa:"\f7bd"}
.fa-satellite{--fa:"\f7bf"}
.fa-satellite-dish{--fa:"\f7c0"}
.fa-sd-card{--fa:"\f7c2"}
.fa-sim-card{--fa:"\f7c4"}
.fa-person-skating,.fa-skating{--fa:"\f7c5"}
.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}
.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}
.fa-sleigh{--fa:"\f7cc"}
.fa-comment-sms,.fa-sms{--fa:"\f7cd"}
.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}
.fa-snowman{--fa:"\f7d0"}
.fa-snowplow{--fa:"\f7d2"}
.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}
.fa-toilet{--fa:"\f7d8"}
.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}
.fa-cable-car,.fa-tram{--fa:"\f7da"}
.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}
.fa-bacon{--fa:"\f7e5"}
.fa-book-medical{--fa:"\f7e6"}
.fa-bread-slice{--fa:"\f7ec"}
.fa-cheese{--fa:"\f7ef"}
.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}
.fa-clipboard-user{--fa:"\f7f3"}
.fa-comment-medical{--fa:"\f7f5"}
.fa-crutch{--fa:"\f7f7"}
.fa-disease{--fa:"\f7fa"}
.fa-egg{--fa:"\f7fb"}
.fa-folder-tree{--fa:"\f802"}
.fa-burger,.fa-hamburger{--fa:"\f805"}
.fa-hand-middle-finger{--fa:"\f806"}
.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}
.fa-hospital-user{--fa:"\f80d"}
.fa-hotdog{--fa:"\f80f"}
.fa-ice-cream{--fa:"\f810"}
.fa-laptop-medical{--fa:"\f812"}
.fa-pager{--fa:"\f815"}
.fa-pepper-hot{--fa:"\f816"}
.fa-pizza-slice{--fa:"\f818"}
.fa-sack-dollar{--fa:"\f81d"}
.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}
.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}
.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}
.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}
.fa-user-nurse{--fa:"\f82f"}
.fa-wave-square{--fa:"\f83e"}
.fa-biking,.fa-person-biking{--fa:"\f84a"}
.fa-border-all{--fa:"\f84c"}
.fa-border-none{--fa:"\f850"}
.fa-border-style,.fa-border-top-left{--fa:"\f853"}
.fa-digging,.fa-person-digging{--fa:"\f85e"}
.fa-fan{--fa:"\f863"}
.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}
.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}
.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}
.fa-photo-film,.fa-photo-video{--fa:"\f87c"}
.fa-remove-format,.fa-text-slash{--fa:"\f87d"}
.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}
.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}
.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}
.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}
.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}
.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}
.fa-spell-check{--fa:"\f891"}
.fa-voicemail{--fa:"\f897"}
.fa-hat-cowboy{--fa:"\f8c0"}
.fa-hat-cowboy-side{--fa:"\f8c1"}
.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}
.fa-radio{--fa:"\f8d7"}
.fa-record-vinyl{--fa:"\f8d9"}
.fa-walkie-talkie{--fa:"\f8ef"}
.fa-caravan{--fa:"\f8ff"}
:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}
@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:block;src:url('fa-brands-400.f276979f97f1cf375d23.woff2')}
.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}
.fa-firefox-browser{--fa:"\e007"}
.fa-ideal{--fa:"\e013"}
.fa-microblog{--fa:"\e01a"}
.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}
.fa-unity{--fa:"\e049"}
.fa-dailymotion{--fa:"\e052"}
.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}
.fa-mixer{--fa:"\e056"}
.fa-shopify{--fa:"\e057"}
.fa-deezer{--fa:"\e077"}
.fa-edge-legacy{--fa:"\e078"}
.fa-google-pay{--fa:"\e079"}
.fa-rust{--fa:"\e07a"}
.fa-tiktok{--fa:"\e07b"}
.fa-unsplash{--fa:"\e07c"}
.fa-cloudflare{--fa:"\e07d"}
.fa-guilded{--fa:"\e07e"}
.fa-hive{--fa:"\e07f"}
.fa-42-group,.fa-innosoft{--fa:"\e080"}
.fa-instalod{--fa:"\e081"}
.fa-octopus-deploy{--fa:"\e082"}
.fa-perbyte{--fa:"\e083"}
.fa-uncharted{--fa:"\e084"}
.fa-watchman-monitoring{--fa:"\e087"}
.fa-wodu{--fa:"\e088"}
.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}
.fa-bots{--fa:"\e340"}
.fa-cmplid{--fa:"\e360"}
.fa-bilibili{--fa:"\e3d9"}
.fa-golang{--fa:"\e40f"}
.fa-pix{--fa:"\e43a"}
.fa-sitrox{--fa:"\e44a"}
.fa-hashnode{--fa:"\e499"}
.fa-meta{--fa:"\e49b"}
.fa-padlet{--fa:"\e4a0"}
.fa-nfc-directional{--fa:"\e530"}
.fa-nfc-symbol{--fa:"\e531"}
.fa-screenpal{--fa:"\e570"}
.fa-space-awesome{--fa:"\e5ac"}
.fa-square-font-awesome{--fa:"\e5ad"}
.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}
.fa-odysee{--fa:"\e5c6"}
.fa-stubber{--fa:"\e5c7"}
.fa-debian{--fa:"\e60b"}
.fa-shoelace{--fa:"\e60c"}
.fa-threads{--fa:"\e618"}
.fa-square-threads{--fa:"\e619"}
.fa-square-x-twitter{--fa:"\e61a"}
.fa-x-twitter{--fa:"\e61b"}
.fa-opensuse{--fa:"\e62b"}
.fa-letterboxd{--fa:"\e62d"}
.fa-square-letterboxd{--fa:"\e62e"}
.fa-mintbit{--fa:"\e62f"}
.fa-google-scholar{--fa:"\e63b"}
.fa-brave{--fa:"\e63c"}
.fa-brave-reverse{--fa:"\e63d"}
.fa-pixiv{--fa:"\e640"}
.fa-upwork{--fa:"\e641"}
.fa-webflow{--fa:"\e65c"}
.fa-signal-messenger{--fa:"\e663"}
.fa-bluesky{--fa:"\e671"}
.fa-jxl{--fa:"\e67b"}
.fa-square-upwork{--fa:"\e67c"}
.fa-web-awesome{--fa:"\e682"}
.fa-square-web-awesome{--fa:"\e683"}
.fa-square-web-awesome-stroke{--fa:"\e684"}
.fa-dart-lang{--fa:"\e693"}
.fa-flutter{--fa:"\e694"}
.fa-files-pinwheel{--fa:"\e69f"}
.fa-css{--fa:"\e6a2"}
.fa-square-bluesky{--fa:"\e6a3"}
.fa-openai{--fa:"\e7cf"}
.fa-square-linkedin{--fa:"\e7d0"}
.fa-cash-app{--fa:"\e7d4"}
.fa-disqus{--fa:"\e7d5"}
.fa-11ty,.fa-eleventy{--fa:"\e7d6"}
.fa-kakao-talk{--fa:"\e7d7"}
.fa-linktree{--fa:"\e7d8"}
.fa-notion{--fa:"\e7d9"}
.fa-pandora{--fa:"\e7da"}
.fa-pixelfed{--fa:"\e7db"}
.fa-tidal{--fa:"\e7dc"}
.fa-vsco{--fa:"\e7dd"}
.fa-w3c{--fa:"\e7de"}
.fa-lumon{--fa:"\e7e2"}
.fa-lumon-drop{--fa:"\e7e3"}
.fa-square-figma{--fa:"\e7e4"}
.fa-tex{--fa:"\e7ff"}
.fa-duolingo{--fa:"\e812"}
.fa-supportnow{--fa:"\e833"}
.fa-tor-browser{--fa:"\e838"}
.fa-typescript{--fa:"\e840"}
.fa-square-deskpro{--fa:"\e844"}
.fa-circle-zulip{--fa:"\e851"}
.fa-julia{--fa:"\e852"}
.fa-zulip{--fa:"\e853"}
.fa-unison{--fa:"\e854"}
.fa-bgg,.fa-board-game-geek{--fa:"\e855"}
.fa-ko-fi{--fa:"\e856"}
.fa-kubernetes{--fa:"\e857"}
.fa-postgresql{--fa:"\e858"}
.fa-scaleway{--fa:"\e859"}
.fa-venmo{--fa:"\e85a"}
.fa-venmo-v{--fa:"\e85b"}
.fa-unreal-engine{--fa:"\e85c"}
.fa-globaleaks{--fa:"\e85d"}
.fa-solana{--fa:"\e85e"}
.fa-threema{--fa:"\e85f"}
.fa-forgejo{--fa:"\e860"}
.fa-claude{--fa:"\e861"}
.fa-gitee{--fa:"\e863"}
.fa-xmpp{--fa:"\e864"}
.fa-fediverse{--fa:"\e865"}
.fa-tailwind-css{--fa:"\e866"}
.fa-arch-linux{--fa:"\e867"}
.fa-svelte{--fa:"\e868"}
.fa-hugging-face{--fa:"\e869"}
.fa-leetcode{--fa:"\e86a"}
.fa-openstreetmap{--fa:"\e86b"}
.fa-ultralytics{--fa:"\e86d"}
.fa-ultralytics-hub{--fa:"\e86e"}
.fa-ultralytics-yolo{--fa:"\e86f"}
.fa-obsidian{--fa:"\e879"}
.fa-zoom{--fa:"\e87b"}
.fa-vim{--fa:"\e88a"}
.fa-symfonycasts{--fa:"\e8ab"}
.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}
.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}
.fa-linkedin{--fa:"\f08c"}
.fa-github-square,.fa-square-github{--fa:"\f092"}
.fa-twitter{--fa:"\f099"}
.fa-facebook{--fa:"\f09a"}
.fa-github{--fa:"\f09b"}
.fa-pinterest{--fa:"\f0d2"}
.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}
.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}
.fa-google-plus-g{--fa:"\f0d5"}
.fa-linkedin-in{--fa:"\f0e1"}
.fa-github-alt{--fa:"\f113"}
.fa-maxcdn{--fa:"\f136"}
.fa-html5{--fa:"\f13b"}
.fa-css3{--fa:"\f13c"}
.fa-btc{--fa:"\f15a"}
.fa-youtube{--fa:"\f167"}
.fa-xing{--fa:"\f168"}
.fa-square-xing,.fa-xing-square{--fa:"\f169"}
.fa-dropbox{--fa:"\f16b"}
.fa-stack-overflow{--fa:"\f16c"}
.fa-instagram{--fa:"\f16d"}
.fa-flickr{--fa:"\f16e"}
.fa-adn{--fa:"\f170"}
.fa-bitbucket{--fa:"\f171"}
.fa-tumblr{--fa:"\f173"}
.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}
.fa-apple{--fa:"\f179"}
.fa-windows{--fa:"\f17a"}
.fa-android{--fa:"\f17b"}
.fa-linux{--fa:"\f17c"}
.fa-dribbble{--fa:"\f17d"}
.fa-skype{--fa:"\f17e"}
.fa-foursquare{--fa:"\f180"}
.fa-trello{--fa:"\f181"}
.fa-gratipay{--fa:"\f184"}
.fa-vk{--fa:"\f189"}
.fa-weibo{--fa:"\f18a"}
.fa-renren{--fa:"\f18b"}
.fa-pagelines{--fa:"\f18c"}
.fa-stack-exchange{--fa:"\f18d"}
.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}
.fa-slack,.fa-slack-hash{--fa:"\f198"}
.fa-wordpress{--fa:"\f19a"}
.fa-openid{--fa:"\f19b"}
.fa-yahoo{--fa:"\f19e"}
.fa-google{--fa:"\f1a0"}
.fa-reddit{--fa:"\f1a1"}
.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}
.fa-stumbleupon-circle{--fa:"\f1a3"}
.fa-stumbleupon{--fa:"\f1a4"}
.fa-delicious{--fa:"\f1a5"}
.fa-digg{--fa:"\f1a6"}
.fa-pied-piper-pp{--fa:"\f1a7"}
.fa-pied-piper-alt{--fa:"\f1a8"}
.fa-drupal{--fa:"\f1a9"}
.fa-joomla{--fa:"\f1aa"}
.fa-behance{--fa:"\f1b4"}
.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}
.fa-steam{--fa:"\f1b6"}
.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}
.fa-spotify{--fa:"\f1bc"}
.fa-deviantart{--fa:"\f1bd"}
.fa-soundcloud{--fa:"\f1be"}
.fa-vine{--fa:"\f1ca"}
.fa-codepen{--fa:"\f1cb"}
.fa-jsfiddle{--fa:"\f1cc"}
.fa-rebel{--fa:"\f1d0"}
.fa-empire{--fa:"\f1d1"}
.fa-git-square,.fa-square-git{--fa:"\f1d2"}
.fa-git{--fa:"\f1d3"}
.fa-hacker-news{--fa:"\f1d4"}
.fa-tencent-weibo{--fa:"\f1d5"}
.fa-qq{--fa:"\f1d6"}
.fa-weixin{--fa:"\f1d7"}
.fa-slideshare{--fa:"\f1e7"}
.fa-twitch{--fa:"\f1e8"}
.fa-yelp{--fa:"\f1e9"}
.fa-paypal{--fa:"\f1ed"}
.fa-google-wallet{--fa:"\f1ee"}
.fa-cc-visa{--fa:"\f1f0"}
.fa-cc-mastercard{--fa:"\f1f1"}
.fa-cc-discover{--fa:"\f1f2"}
.fa-cc-amex{--fa:"\f1f3"}
.fa-cc-paypal{--fa:"\f1f4"}
.fa-cc-stripe{--fa:"\f1f5"}
.fa-lastfm{--fa:"\f202"}
.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}
.fa-ioxhost{--fa:"\f208"}
.fa-angellist{--fa:"\f209"}
.fa-buysellads{--fa:"\f20d"}
.fa-connectdevelop{--fa:"\f20e"}
.fa-dashcube{--fa:"\f210"}
.fa-forumbee{--fa:"\f211"}
.fa-leanpub{--fa:"\f212"}
.fa-sellsy{--fa:"\f213"}
.fa-shirtsinbulk{--fa:"\f214"}
.fa-simplybuilt{--fa:"\f215"}
.fa-skyatlas{--fa:"\f216"}
.fa-pinterest-p{--fa:"\f231"}
.fa-whatsapp{--fa:"\f232"}
.fa-viacoin{--fa:"\f237"}
.fa-medium,.fa-medium-m{--fa:"\f23a"}
.fa-y-combinator{--fa:"\f23b"}
.fa-optin-monster{--fa:"\f23c"}
.fa-opencart{--fa:"\f23d"}
.fa-expeditedssl{--fa:"\f23e"}
.fa-cc-jcb{--fa:"\f24b"}
.fa-cc-diners-club{--fa:"\f24c"}
.fa-creative-commons{--fa:"\f25e"}
.fa-gg{--fa:"\f260"}
.fa-gg-circle{--fa:"\f261"}
.fa-odnoklassniki{--fa:"\f263"}
.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}
.fa-get-pocket{--fa:"\f265"}
.fa-wikipedia-w{--fa:"\f266"}
.fa-safari{--fa:"\f267"}
.fa-chrome{--fa:"\f268"}
.fa-firefox{--fa:"\f269"}
.fa-opera{--fa:"\f26a"}
.fa-internet-explorer{--fa:"\f26b"}
.fa-contao{--fa:"\f26d"}
.fa-500px{--fa:"\f26e"}
.fa-amazon{--fa:"\f270"}
.fa-houzz{--fa:"\f27c"}
.fa-vimeo-v{--fa:"\f27d"}
.fa-black-tie{--fa:"\f27e"}
.fa-fonticons{--fa:"\f280"}
.fa-reddit-alien{--fa:"\f281"}
.fa-edge{--fa:"\f282"}
.fa-codiepie{--fa:"\f284"}
.fa-modx{--fa:"\f285"}
.fa-fort-awesome{--fa:"\f286"}
.fa-usb{--fa:"\f287"}
.fa-product-hunt{--fa:"\f288"}
.fa-mixcloud{--fa:"\f289"}
.fa-scribd{--fa:"\f28a"}
.fa-bluetooth{--fa:"\f293"}
.fa-bluetooth-b{--fa:"\f294"}
.fa-gitlab{--fa:"\f296"}
.fa-wpbeginner{--fa:"\f297"}
.fa-wpforms{--fa:"\f298"}
.fa-envira{--fa:"\f299"}
.fa-glide{--fa:"\f2a5"}
.fa-glide-g{--fa:"\f2a6"}
.fa-viadeo{--fa:"\f2a9"}
.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}
.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}
.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}
.fa-pied-piper{--fa:"\f2ae"}
.fa-first-order{--fa:"\f2b0"}
.fa-yoast{--fa:"\f2b1"}
.fa-themeisle{--fa:"\f2b2"}
.fa-google-plus{--fa:"\f2b3"}
.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}
.fa-linode{--fa:"\f2b8"}
.fa-quora{--fa:"\f2c4"}
.fa-free-code-camp{--fa:"\f2c5"}
.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}
.fa-bandcamp{--fa:"\f2d5"}
.fa-grav{--fa:"\f2d6"}
.fa-etsy{--fa:"\f2d7"}
.fa-imdb{--fa:"\f2d8"}
.fa-ravelry{--fa:"\f2d9"}
.fa-sellcast{--fa:"\f2da"}
.fa-superpowers{--fa:"\f2dd"}
.fa-wpexplorer{--fa:"\f2de"}
.fa-meetup{--fa:"\f2e0"}
.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}
.fa-accessible-icon{--fa:"\f368"}
.fa-accusoft{--fa:"\f369"}
.fa-adversal{--fa:"\f36a"}
.fa-affiliatetheme{--fa:"\f36b"}
.fa-algolia{--fa:"\f36c"}
.fa-amilia{--fa:"\f36d"}
.fa-angrycreative{--fa:"\f36e"}
.fa-app-store{--fa:"\f36f"}
.fa-app-store-ios{--fa:"\f370"}
.fa-apper{--fa:"\f371"}
.fa-asymmetrik{--fa:"\f372"}
.fa-audible{--fa:"\f373"}
.fa-avianex{--fa:"\f374"}
.fa-aws{--fa:"\f375"}
.fa-bimobject{--fa:"\f378"}
.fa-bitcoin{--fa:"\f379"}
.fa-bity{--fa:"\f37a"}
.fa-blackberry{--fa:"\f37b"}
.fa-blogger{--fa:"\f37c"}
.fa-blogger-b{--fa:"\f37d"}
.fa-buromobelexperte{--fa:"\f37f"}
.fa-centercode{--fa:"\f380"}
.fa-cloudscale{--fa:"\f383"}
.fa-cloudsmith{--fa:"\f384"}
.fa-cloudversify{--fa:"\f385"}
.fa-cpanel{--fa:"\f388"}
.fa-css3-alt{--fa:"\f38b"}
.fa-cuttlefish{--fa:"\f38c"}
.fa-d-and-d{--fa:"\f38d"}
.fa-deploydog{--fa:"\f38e"}
.fa-deskpro{--fa:"\f38f"}
.fa-digital-ocean{--fa:"\f391"}
.fa-discord{--fa:"\f392"}
.fa-discourse{--fa:"\f393"}
.fa-dochub{--fa:"\f394"}
.fa-docker{--fa:"\f395"}
.fa-draft2digital{--fa:"\f396"}
.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}
.fa-dyalog{--fa:"\f399"}
.fa-earlybirds{--fa:"\f39a"}
.fa-erlang{--fa:"\f39d"}
.fa-facebook-f{--fa:"\f39e"}
.fa-facebook-messenger{--fa:"\f39f"}
.fa-firstdraft{--fa:"\f3a1"}
.fa-fonticons-fi{--fa:"\f3a2"}
.fa-fort-awesome-alt{--fa:"\f3a3"}
.fa-freebsd{--fa:"\f3a4"}
.fa-gitkraken{--fa:"\f3a6"}
.fa-gofore{--fa:"\f3a7"}
.fa-goodreads{--fa:"\f3a8"}
.fa-goodreads-g{--fa:"\f3a9"}
.fa-google-drive{--fa:"\f3aa"}
.fa-google-play{--fa:"\f3ab"}
.fa-gripfire{--fa:"\f3ac"}
.fa-grunt{--fa:"\f3ad"}
.fa-gulp{--fa:"\f3ae"}
.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}
.fa-hire-a-helper{--fa:"\f3b0"}
.fa-hotjar{--fa:"\f3b1"}
.fa-hubspot{--fa:"\f3b2"}
.fa-itunes{--fa:"\f3b4"}
.fa-itunes-note{--fa:"\f3b5"}
.fa-jenkins{--fa:"\f3b6"}
.fa-joget{--fa:"\f3b7"}
.fa-js{--fa:"\f3b8"}
.fa-js-square,.fa-square-js{--fa:"\f3b9"}
.fa-keycdn{--fa:"\f3ba"}
.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}
.fa-kickstarter-k{--fa:"\f3bc"}
.fa-laravel{--fa:"\f3bd"}
.fa-line{--fa:"\f3c0"}
.fa-lyft{--fa:"\f3c3"}
.fa-magento{--fa:"\f3c4"}
.fa-medapps{--fa:"\f3c6"}
.fa-medrt{--fa:"\f3c8"}
.fa-microsoft{--fa:"\f3ca"}
.fa-mix{--fa:"\f3cb"}
.fa-mizuni{--fa:"\f3cc"}
.fa-monero{--fa:"\f3d0"}
.fa-napster{--fa:"\f3d2"}
.fa-node-js{--fa:"\f3d3"}
.fa-npm{--fa:"\f3d4"}
.fa-ns8{--fa:"\f3d5"}
.fa-nutritionix{--fa:"\f3d6"}
.fa-page4{--fa:"\f3d7"}
.fa-palfed{--fa:"\f3d8"}
.fa-patreon{--fa:"\f3d9"}
.fa-periscope{--fa:"\f3da"}
.fa-phabricator{--fa:"\f3db"}
.fa-phoenix-framework{--fa:"\f3dc"}
.fa-playstation{--fa:"\f3df"}
.fa-pushed{--fa:"\f3e1"}
.fa-python{--fa:"\f3e2"}
.fa-red-river{--fa:"\f3e3"}
.fa-rendact,.fa-wpressr{--fa:"\f3e4"}
.fa-replyd{--fa:"\f3e6"}
.fa-resolving{--fa:"\f3e7"}
.fa-rocketchat{--fa:"\f3e8"}
.fa-rockrms{--fa:"\f3e9"}
.fa-schlix{--fa:"\f3ea"}
.fa-searchengin{--fa:"\f3eb"}
.fa-servicestack{--fa:"\f3ec"}
.fa-sistrix{--fa:"\f3ee"}
.fa-speakap{--fa:"\f3f3"}
.fa-staylinked{--fa:"\f3f5"}
.fa-steam-symbol{--fa:"\f3f6"}
.fa-sticker-mule{--fa:"\f3f7"}
.fa-studiovinari{--fa:"\f3f8"}
.fa-supple{--fa:"\f3f9"}
.fa-uber{--fa:"\f402"}
.fa-uikit{--fa:"\f403"}
.fa-uniregistry{--fa:"\f404"}
.fa-untappd{--fa:"\f405"}
.fa-ussunnah{--fa:"\f407"}
.fa-vaadin{--fa:"\f408"}
.fa-viber{--fa:"\f409"}
.fa-vimeo{--fa:"\f40a"}
.fa-vnv{--fa:"\f40b"}
.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}
.fa-whmcs{--fa:"\f40d"}
.fa-wordpress-simple{--fa:"\f411"}
.fa-xbox{--fa:"\f412"}
.fa-yandex{--fa:"\f413"}
.fa-yandex-international{--fa:"\f414"}
.fa-apple-pay{--fa:"\f415"}
.fa-cc-apple-pay{--fa:"\f416"}
.fa-fly{--fa:"\f417"}
.fa-node{--fa:"\f419"}
.fa-osi{--fa:"\f41a"}
.fa-react{--fa:"\f41b"}
.fa-autoprefixer{--fa:"\f41c"}
.fa-less{--fa:"\f41d"}
.fa-sass{--fa:"\f41e"}
.fa-vuejs{--fa:"\f41f"}
.fa-angular{--fa:"\f420"}
.fa-aviato{--fa:"\f421"}
.fa-ember{--fa:"\f423"}
.fa-gitter{--fa:"\f426"}
.fa-hooli{--fa:"\f427"}
.fa-strava{--fa:"\f428"}
.fa-stripe{--fa:"\f429"}
.fa-stripe-s{--fa:"\f42a"}
.fa-typo3{--fa:"\f42b"}
.fa-amazon-pay{--fa:"\f42c"}
.fa-cc-amazon-pay{--fa:"\f42d"}
.fa-ethereum{--fa:"\f42e"}
.fa-korvue{--fa:"\f42f"}
.fa-elementor{--fa:"\f430"}
.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}
.fa-flipboard{--fa:"\f44d"}
.fa-hips{--fa:"\f452"}
.fa-php{--fa:"\f457"}
.fa-quinscape{--fa:"\f459"}
.fa-readme{--fa:"\f4d5"}
.fa-java{--fa:"\f4e4"}
.fa-pied-piper-hat{--fa:"\f4e5"}
.fa-creative-commons-by{--fa:"\f4e7"}
.fa-creative-commons-nc{--fa:"\f4e8"}
.fa-creative-commons-nc-eu{--fa:"\f4e9"}
.fa-creative-commons-nc-jp{--fa:"\f4ea"}
.fa-creative-commons-nd{--fa:"\f4eb"}
.fa-creative-commons-pd{--fa:"\f4ec"}
.fa-creative-commons-pd-alt{--fa:"\f4ed"}
.fa-creative-commons-remix{--fa:"\f4ee"}
.fa-creative-commons-sa{--fa:"\f4ef"}
.fa-creative-commons-sampling{--fa:"\f4f0"}
.fa-creative-commons-sampling-plus{--fa:"\f4f1"}
.fa-creative-commons-share{--fa:"\f4f2"}
.fa-creative-commons-zero{--fa:"\f4f3"}
.fa-ebay{--fa:"\f4f4"}
.fa-keybase{--fa:"\f4f5"}
.fa-mastodon{--fa:"\f4f6"}
.fa-r-project{--fa:"\f4f7"}
.fa-researchgate{--fa:"\f4f8"}
.fa-teamspeak{--fa:"\f4f9"}
.fa-first-order-alt{--fa:"\f50a"}
.fa-fulcrum{--fa:"\f50b"}
.fa-galactic-republic{--fa:"\f50c"}
.fa-galactic-senate{--fa:"\f50d"}
.fa-jedi-order{--fa:"\f50e"}
.fa-mandalorian{--fa:"\f50f"}
.fa-old-republic{--fa:"\f510"}
.fa-phoenix-squadron{--fa:"\f511"}
.fa-sith{--fa:"\f512"}
.fa-trade-federation{--fa:"\f513"}
.fa-wolf-pack-battalion{--fa:"\f514"}
.fa-hornbill{--fa:"\f592"}
.fa-mailchimp{--fa:"\f59e"}
.fa-megaport{--fa:"\f5a3"}
.fa-nimblr{--fa:"\f5a8"}
.fa-rev{--fa:"\f5b2"}
.fa-shopware{--fa:"\f5b5"}
.fa-squarespace{--fa:"\f5be"}
.fa-themeco{--fa:"\f5c6"}
.fa-weebly{--fa:"\f5cc"}
.fa-wix{--fa:"\f5cf"}
.fa-ello{--fa:"\f5f1"}
.fa-hackerrank{--fa:"\f5f7"}
.fa-kaggle{--fa:"\f5fa"}
.fa-markdown{--fa:"\f60f"}
.fa-neos{--fa:"\f612"}
.fa-zhihu{--fa:"\f63f"}
.fa-alipay{--fa:"\f642"}
.fa-the-red-yeti{--fa:"\f69d"}
.fa-critical-role{--fa:"\f6c9"}
.fa-d-and-d-beyond{--fa:"\f6ca"}
.fa-dev{--fa:"\f6cc"}
.fa-fantasy-flight-games{--fa:"\f6dc"}
.fa-wizards-of-the-coast{--fa:"\f730"}
.fa-think-peaks{--fa:"\f731"}
.fa-reacteurope{--fa:"\f75d"}
.fa-artstation{--fa:"\f77a"}
.fa-atlassian{--fa:"\f77b"}
.fa-canadian-maple-leaf{--fa:"\f785"}
.fa-centos{--fa:"\f789"}
.fa-confluence{--fa:"\f78d"}
.fa-dhl{--fa:"\f790"}
.fa-diaspora{--fa:"\f791"}
.fa-fedex{--fa:"\f797"}
.fa-fedora{--fa:"\f798"}
.fa-figma{--fa:"\f799"}
.fa-intercom{--fa:"\f7af"}
.fa-invision{--fa:"\f7b0"}
.fa-jira{--fa:"\f7b1"}
.fa-mendeley{--fa:"\f7b3"}
.fa-raspberry-pi{--fa:"\f7bb"}
.fa-redhat{--fa:"\f7bc"}
.fa-sketch{--fa:"\f7c6"}
.fa-sourcetree{--fa:"\f7d3"}
.fa-suse{--fa:"\f7d6"}
.fa-ubuntu{--fa:"\f7df"}
.fa-ups{--fa:"\f7e0"}
.fa-usps{--fa:"\f7e1"}
.fa-yarn{--fa:"\f7e3"}
.fa-airbnb{--fa:"\f834"}
.fa-battle-net{--fa:"\f835"}
.fa-bootstrap{--fa:"\f836"}
.fa-buffer{--fa:"\f837"}
.fa-chromecast{--fa:"\f838"}
.fa-evernote{--fa:"\f839"}
.fa-itch-io{--fa:"\f83a"}
.fa-salesforce{--fa:"\f83b"}
.fa-speaker-deck{--fa:"\f83c"}
.fa-symfony{--fa:"\f83d"}
.fa-waze{--fa:"\f83f"}
.fa-yammer{--fa:"\f840"}
.fa-git-alt{--fa:"\f841"}
.fa-stackpath{--fa:"\f842"}
.fa-cotton-bureau{--fa:"\f89e"}
.fa-buy-n-large{--fa:"\f8a6"}
.fa-mdb{--fa:"\f8ca"}
.fa-orcid{--fa:"\f8d2"}
.fa-swift{--fa:"\f8e1"}
.fa-umbraco{--fa:"\f8e8"}
:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}
@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url('fa-regular-400.cfbad32c79d9dda6af4a.woff2')}
.far{--fa-family:var(--fa-family-classic)}
.fa-regular,.far{--fa-style:400}
:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}
@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url('fa-solid-900.ce9a3fa740bd60b4ac3b.woff2')}
.fas{--fa-style:900}
.fa-classic,.fas{--fa-family:var(--fa-family-classic)}
.fa-solid{--fa-style:900}
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url('fa-brands-400.f276979f97f1cf375d23.woff2') format("woff2")}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url('fa-solid-900.ce9a3fa740bd60b4ac3b.woff2') format("woff2")}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url('fa-regular-400.cfbad32c79d9dda6af4a.woff2') format("woff2")}
@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-solid-900.ce9a3fa740bd60b4ac3b.woff2') format("woff2")}
@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-brands-400.f276979f97f1cf375d23.woff2') format("woff2")}
@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-regular-400.cfbad32c79d9dda6af4a.woff2') format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}
@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-v4compatibility.296da06936a3373940c8.woff2') format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}