/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-19.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pros-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #027aae;
  border: 1px solid #027aae;
  color: #ffffff;
  fill: #ffffff;
  cursor: pointer;
  font-family: FormaDJR, sans-serif;
  font-size: 16px;
  height: 34px;
  line-height: 30px;
  min-width: 90px;
  padding: 0 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pros-button else {
  flex-direction: row;
}
.pros-button:focus {
  background-color: #027aae;
  border: 1px solid rgb(1.1306818182, 68.9715909091, 98.3693181818);
  text-decoration: none;
}
@media (min-width: 480px) {
.pros-button:hover {
    background-color: #035c84;
    border: 1px solid #035c84;
    text-decoration: none;
}
}
.pros-button:active {
  background-color: rgb(1.3, 39.8666666667, 57.2);
  border: 1px solid rgb(1.3, 39.8666666667, 57.2);
}
.pros-button.secondary {
  background-color: #ffffff;
  border: 1px solid #027aae;
  color: #027aae;
}
.pros-button.secondary:focus {
  background-color: #ffffff;
  border: 1px solid rgb(180.75, 180.75, 180.75);
}
@media (min-width: 480px) {
.pros-button.secondary:hover {
    background-color: rgba(2, 122, 174, 0.05);
}
}
.pros-button.secondary:active {
  background-color: rgb(1.1306818182, 68.9715909091, 98.3693181818);
  border: 1px solid rgb(1.1306818182, 68.9715909091, 98.3693181818);
}
.pros-button.critical {
  background-color: #e68b2d;
  border: 1px solid #e68b2d;
}
.pros-button.critical:focus {
  background-color: #e68b2d;
  border: 1px solid rgb(177.3829787234, 100.5170212766, 21.1170212766);
}
@media (min-width: 480px) {
.pros-button.critical:hover {
    background-color: rgb(222.9574468085, 126.3425531915, 26.5425531915);
    border: 1px solid rgb(222.9574468085, 126.3425531915, 26.5425531915);
}
}
.pros-button.critical:active {
  background-color: rgb(177.3829787234, 100.5170212766, 21.1170212766);
  border: 1px solid rgb(177.3829787234, 100.5170212766, 21.1170212766);
}
.pros-button:disabled, .pros-button.disabled {
  background-color: rgba(33, 33, 33, 0.05);
  border: 1px solid rgba(33, 33, 33, 0.05);
  color: #adadad !important;
  cursor: default !important;
}
.pros-button:disabled.pros-button.loading {
  color: transparent !important;
}
.pros-button.expanded {
  width: 100%;
}
.pros-button.right {
  float: right;
}
.pros-button__spinner {
  color: #0096d6 !important;
  display: inline-block;
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 12px);
  z-index: 1;
}
body[pos--theme=light] .pros-button {
  background-color: #027aae;
  border: 1px solid #027aae;
  color: #ffffff;
  fill: #ffffff;
}
body[pos--theme=light] .pros-button:focus {
  background-color: #027aae;
  border: 1px solid rgb(1.1306818182, 68.9715909091, 98.3693181818);
}
body[pos--theme=light] .pros-button:hover {
  background-color: #035c84;
  border: 1px solid #035c84;
}
body[pos--theme=light] .pros-button:active {
  background-color: rgb(1.3, 39.8666666667, 57.2);
  border: 1px solid rgb(1.3, 39.8666666667, 57.2);
}
body[pos--theme=light] .pros-button.secondary {
  background-color: #ffffff;
  border: 1px solid #027aae;
  color: #027aae;
}
body[pos--theme=light] .pros-button.secondary:focus {
  background-color: #ffffff;
  border: 1px solid rgb(180.75, 180.75, 180.75);
}
body[pos--theme=light] .pros-button.secondary:hover {
  background-color: rgba(2, 122, 174, 0.05);
}
body[pos--theme=light] .pros-button.secondary:active {
  background-color: rgb(1.1306818182, 68.9715909091, 98.3693181818);
  border: 1px solid rgb(1.1306818182, 68.9715909091, 98.3693181818);
}
body[pos--theme=light] .pros-button.critical {
  background-color: #e68b2d;
  border: 1px solid #e68b2d;
}
body[pos--theme=light] .pros-button.critical:focus {
  background-color: #e68b2d;
  border: 1px solid rgb(177.3829787234, 100.5170212766, 21.1170212766);
}
body[pos--theme=light] .pros-button.critical:hover {
  background-color: rgb(222.9574468085, 126.3425531915, 26.5425531915);
  border: 1px solid rgb(222.9574468085, 126.3425531915, 26.5425531915);
}
body[pos--theme=light] .pros-button.critical:active {
  background-color: rgb(177.3829787234, 100.5170212766, 21.1170212766);
  border: 1px solid rgb(177.3829787234, 100.5170212766, 21.1170212766);
}
body[pos--theme=light] .pros-button:disabled, body[pos--theme=light] .pros-button.disabled {
  background-color: rgba(33, 33, 33, 0.05);
  border: 1px solid rgba(33, 33, 33, 0.05);
  color: #adadad !important;
}
body[pos--theme=light] .pros-button:disabled.pros-button.loading {
  color: transparent !important;
}
body[pos--theme=dark] .pros-button {
  background-color: #3ab4eb;
  border: 1px solid #3ab4eb;
  color: #212121;
  fill: #212121;
}
body[pos--theme=dark] .pros-button:focus {
  background-color: #3ab4eb;
  border: 1px solid rgb(19.9539170507, 141.6728110599, 196.5460829493);
}
body[pos--theme=dark] .pros-button:hover {
  background-color: #6dd0fb;
  border: 1px solid #6dd0fb;
}
body[pos--theme=dark] .pros-button:active {
  background-color: rgb(34.54, 184.03, 248.96);
  border: 1px solid rgb(34.54, 184.03, 248.96);
}
body[pos--theme=dark] .pros-button.secondary {
  background-color: transparent;
  border: 1px solid #3ab4eb;
  color: #3ab4eb;
}
body[pos--theme=dark] .pros-button.secondary:focus {
  border: 1px solid #6dd0fb;
  color: #6dd0fb;
}
body[pos--theme=dark] .pros-button.secondary:hover {
  border: 1px solid #6dd0fb;
  color: #6dd0fb;
}
body[pos--theme=dark] .pros-button.secondary:active {
  background-color: rgb(19.9539170507, 141.6728110599, 196.5460829493);
  border: 1px solid rgb(19.9539170507, 141.6728110599, 196.5460829493);
}
body[pos--theme=dark] .pros-button.critical {
  background-color: #e68b2d;
  border: 1px solid #e68b2d;
}
body[pos--theme=dark] .pros-button.critical:focus {
  background-color: #e68b2d;
  border: 1px solid rgb(177.3829787234, 100.5170212766, 21.1170212766);
}
body[pos--theme=dark] .pros-button.critical:hover {
  background-color: rgb(222.9574468085, 126.3425531915, 26.5425531915);
  border: 1px solid rgb(222.9574468085, 126.3425531915, 26.5425531915);
}
body[pos--theme=dark] .pros-button.critical:active {
  background-color: rgb(177.3829787234, 100.5170212766, 21.1170212766);
  border: 1px solid rgb(177.3829787234, 100.5170212766, 21.1170212766);
}
body[pos--theme=dark] .pros-button:disabled, body[pos--theme=dark] .pros-button.disabled {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #585858 !important;
}
body[pos--theme=dark] .pros-button:disabled.pros-button.loading {
  color: transparent !important;
}
a.pros-button.disabled {
  pointer-events: none;
}
.pros-button-group.horizontal {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pros-button-group.horizontal else {
  flex-direction: row;
}
.pros-button-group.vertical {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.pros-button-group.horizontal > .pros-button:not(:last-child) {
  margin-right: 16px;
}
.pros-button-group.horizontal > .pros-button {
  margin: 1px 0;
}
.pros-button-group.vertical > .pros-button:not(:last-child) {
  display: block;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
.pros-button-group.responsive > .pros-button:not(:last-child) {
    margin-right: 16px;
}
}
@media (max-width: 767px) {
.pros-button-group.responsive {
    width: 100%;
}
.pros-button-group.responsive > .pros-button {
    display: block;
    width: 100%;
}
.pros-button-group.responsive > .pros-button:not(:last-child) {
    margin-bottom: 8px;
}
}
@keyframes fadein {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.pros-toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pros-toolbar else {
  flex-direction: row;
}
.pros-toolbar .pros-toolbar-item {
  margin-right: 8px;
}
.pros-toolbar .pros-toolbar-item:last-child {
  margin-right: 0;
}
.pros-toolbar-button {
  cursor: pointer;
  color: #5A5A5A;
  height: 24px;
  min-height: 24px;
  width: 24px;
  min-width: 24px;
  font-size: 24px;
  line-height: 24px;
}
.pros-toolbar-button.disabled {
  color: #E5E8E8;
  cursor: not-allowed;
}
.pros-view {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
  margin: 0;
}
@media (max-width: 1199px) {
.pros-view {
    padding: 0 6px;
}
}
.pros-error {
  margin-bottom: 8px;
  background-color: #ff5722;
  width: 100%;
  padding: 8px 16px;
  color: #FFFFFF;
}
.pros-content {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  flex: 1;
  overflow: auto;
}
.pros-page-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 8px 16px;
}
.pros-page-header else {
  flex-direction: row;
}
.pros-page-header .pros-back {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #0096d6;
  cursor: pointer;
}
.pros-page-header .pros-back else {
  flex-direction: row;
}
.pros-page-header .pros-back:hover .back-label {
  text-decoration: underline;
}
.pros-page-header .pros-back .back-btn {
  width: 14px;
  height: 14px;
}
.pros-page-header .pros-back .back-btn svg {
  width: 100%;
  height: 100%;
}
.pros-page-header .pros-back .back-separator {
  margin: 0 12px 0 4px;
}
.pros-page-header .pros-header-title {
  flex: 1;
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 500;
}
body[pos--theme=light] .pros-page-header .pros-header-title {
  color: #2b2b2b;
}
body[pos--theme=dark] .pros-page-header .pros-header-title {
  color: #ebebeb;
}
.pros-view-nav-btn {
  margin: 8px 16px;
  width: 40px;
  height: 40px;
}
.pros-view-nav-btn .pros-view-nav-icon {
  width: 24px;
  height: 24px;
}
.pros-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.pros-row else {
  flex-direction: row;
}
.pros-row.baseline {
  align-items: baseline;
}
.pros-flex {
  position: relative;
  flex: 1;
}
.pros-flex-reset {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pros-title-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 8px 0;
}
.pros-title-bar else {
  flex-direction: row;
}
.pros-title-bar .title {
  font-size: 24px;
  font-weight: bold;
  flex: 1;
}
.pros-dialog-position {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 0;
  flex: 1;
  box-sizing: border-box;
}
.pros-dialog-position .pros-dialog-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 16px;
  border-color: #ffffff;
  box-shadow: 0 8px 20px rgba(33, 33, 33, 0.2);
  max-width: 100%;
  max-height: 90%;
}
.pros-dialog-position .pros-dialog-page .pros-dialog-scroll {
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  padding: 32px;
}
.pros-dialog-position .pros-dialog-page .pros-dialog-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border-top: 1px solid #F3F3F3;
  padding: 8px 32px;
  width: 100%;
  flex-shrink: 0;
}
.pros-dialog-position .pros-dialog-page .pros-dialog-footer else {
  flex-direction: row;
}
.pros-dialog-outer {
  flex: 1;
  max-height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.pros-dialog-outer.start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.pros-dialog-outer.center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.pros-dialog-outer .pros-dialog-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-width: 1px;
  border-style: solid;
  border-radius: 16px;
  border-color: #ffffff;
  box-shadow: 0 8px 20px rgba(33, 33, 33, 0.2);
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  padding: 32px;
}
.pros-dialog-outer .pros-dialog-inner .pros-error-message {
  width: 100%;
  background-color: #ff5722;
  color: #FFFFFF;
  padding: 8px;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
  padding-bottom: 20px;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-header else {
  flex-direction: row;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-header .pros-dialog-title {
  flex: 1;
  margin: 0;
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  flex: 1;
  max-width: 100%;
  min-height: 0;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
  flex: 1;
  overflow: auto;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-content .pros-description {
  font-weight: 400;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding-top: 32px;
  width: 100%;
  flex-shrink: 0;
}
.pros-dialog-outer .pros-dialog-inner .pros-dialog-footer else {
  flex-direction: row;
}
.pros-progress-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 32px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.pros-progress-overlay else {
  flex-direction: row;
}
.pros-progress-overlay .progress-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.pros-progress-overlay .progress-container .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}
.pros-progress-overlay .progress-container .title else {
  flex-direction: row;
}
.pros-progress-overlay .progress-container .details {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-align: center;
}
.pros-progress-overlay .progress-container .details else {
  flex-direction: row;
}
.pros-progress-overlay .progress-container .spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
.pros-progress-overlay .progress-container .spinner else {
  flex-direction: row;
}
body[pos--theme=light] .pros-dialog-page, body[pos--theme=light] .pros-dialog-inner {
  color: #212121;
  background-color: #ffffff;
  border-color: #ffffff;
}
body[pos--theme=dark] .pros-dialog-page, body[pos--theme=dark] .pros-dialog-inner {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: #2b2b2b;
}
.pros-dialog-outer[pos--theme=light] .pros-dialog-page, .pros-dialog-outer[pos--theme=light] .pros-dialog-inner {
  color: #212121;
  background-color: #ffffff;
  border-color: #ffffff;
}
.pros-dialog-outer[pos--theme=dark] .pros-dialog-page, .pros-dialog-outer[pos--theme=dark] .pros-dialog-inner {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: #2b2b2b;
}
.pros-form {
  width: 100%;
}
.pros-form .pros-form-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.pros-form .pros-form-column .pros-form-row {
  margin-bottom: 8px;
}
.pros-form .pros-form-column .pros-form-row:last-child {
  margin-bottom: 0;
}
.pros-form .pros-form-column .pros-form-field {
  display: flex;
  flex-direction: column;
}
.pros-form .pros-form-column .pros-form-field .symbol {
  font-size: 20px;
  margin: 0 4px;
}
body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
}
div {
  box-sizing: border-box;
}
.pros-span {
  width: 100%;
}
body[pos--theme=light] {
  color: #212121;
  background-color: #ffffff;
}
body[pos--theme=dark] {
  color: #ebebeb;
  background-color: #212121;
}
.view-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.app-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
}
.app-container .app-view {
  flex: 1;
  display: flex;
  flex-direction: column;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-19.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotFound.vue?vue&type=style&index=0&id=46a88b29&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.not-found-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.logo {
  width: 400px;
  max-width: 100%;
  color: #0096d6;
  fill: #0096d6;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-21.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-21.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-21.use[3]!./src/App.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 6px;
}

div {
  box-sizing: border-box;
}

.view-container .pros-page-header {
  height: 48px;
  margin: 0 0 16px 0;
}

.pros-info-card {
  min-width: 200px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.pros-info-card:hover {
  background-color: #f8f8f8;
}
.pros-info-card.outline {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}
.pros-info-card.outline.hidden {
  overflow: hidden;
}
.pros-info-card .card-header {
  height: 48px;
  border-bottom: 1px solid #f3f3f3;
}
.pros-info-card .card-header .toolbar .toolbar-item {
  margin-right: 8px;
}
.pros-info-card .card-header .toolbar .toolbar-item:last-child {
  margin-right: 0;
}
.pros-info-card .card-header.nb {
  border-bottom: none;
}
.pros-info-card .card-title {
  font-size: 24px;
}
.pros-info-card .info-count {
  min-height: 40px;
  font-size: 32px;
  color: #0096d6;
}

body[pos--theme=light] {
  color: #212121;
  background-color: #ffffff;
}

body[pos--theme=dark] {
  color: #ebebeb;
  background-color: #212121;
}
body[pos--theme=dark] .pros-info-card:hover {
  background-color: #2b2b2b;
}
body[pos--theme=dark] .pros-info-card.outline {
  border-color: #404040;
}
body[pos--theme=dark] .pros-info-card .card-header {
  border-bottom-color: #404040;
}
body[pos--theme=dark] .pros-info-card .info-count {
  color: #0096d6;
}