@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";

/* src/styles.scss */
body.dark * {
  color: #f2f5fa;
}
body.dark ::-webkit-scrollbar-track {
  background-color: #3d566e;
}
body.dark ::-webkit-scrollbar-thumb {
  border-color: #3d566e;
}
body.dark input,
body.dark textarea {
  background-color: #1d2c3b;
  border-color: rgba(187, 191, 196, 0.8);
}
body.dark input:focus:not(:read-only),
body.dark textarea:focus:not(:read-only) {
  border-color: #f2f5fa;
}
body.dark input::placeholder,
body.dark textarea::placeholder {
  color: #f2f5fa;
}
body.dark input:-webkit-autofill,
body.dark input:-webkit-autofill:hover,
body.dark input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f2f5fa;
  -webkit-box-shadow: 0 0 0 30px #1d2c3b inset !important;
  box-shadow: 0 0 0 30px #1d2c3b inset !important;
  background-clip: content-box !important;
  caret-color: white !important;
}
body.dark textarea::-webkit-scrollbar-track {
  background-color: #1d2c3b;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body.dark textarea::-webkit-scrollbar-thumb {
  border-color: #1d2c3b;
}
body.dark i:hover,
body.dark a:hover > i {
  color: #ebeef3;
}
body.dark div#pages-wrapper {
  background-color: #3d566e;
}
body.dark div#pages-wrapper > div#right > div#header > button {
  background-color: #1d2c3b !important;
  color: white !important;
}
body.dark div#pages-wrapper > div#right > div#header > div#updates > button {
  background-color: #1d2c3b;
}
body.dark div#pages-wrapper > div#right > div#header > div#updates > button:hover {
  border-color: rgba(235, 238, 243, 0.5);
}
body.dark div#pages-wrapper > div#right > div#header > div#updates > button.active {
  border-bottom: 2px solid white;
}
body.dark div#header {
  background-color: #3d566e !important;
}
body.dark div#header button#toggle-sidebar {
  background-color: #f2f5fa !important;
  color: #1d2c3b !important;
}
body.dark div#header button#toggle-sidebar.selected {
  background-color: #1d2c3b !important;
  color: #f2f5fa !important;
}
body.dark div#header div#tabs > a > button {
  background-color: #1d2c3b !important;
  border-bottom-color: transparent !important;
}
body.dark div#header div#tabs > a:hover > button {
  border-bottom-color: rgba(242, 245, 250, 0.5) !important;
}
body.dark div#header div#tabs > a.selected > button,
body.dark div#header div#tabs > a.selected-url > button {
  border-bottom-color: #f2f5fa !important;
}
body.dark div#sidebar {
  background-color: #1d2c3b !important;
}
body.dark div#sidebar.full-screen-layout > div#logo-wrapper > button {
  background-color: transparent !important;
}
body.dark div#sidebar > div#logo-wrapper > button {
  background-color: #3d566e !important;
}
body.dark div#sidebar > div#sidebar-menu::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark div#sidebar > div#sidebar-menu::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark div#sidebar div.enterprise > div:first-of-type > div {
  background-color: #3d566e !important;
}
body.dark div#sidebar div.enterprise > div:first-of-type * {
  color: #f2f5fa !important;
}
body.dark div#sidebar div.enterprise > div:first-of-type > div > *:not(.seperator).selected > i {
  color: #e9c56c !important;
}
body.dark div#sidebar div.enterprise.enterprise.only-one > div:first-of-type,
body.dark div#sidebar div.enterprise.enterprise.only-one > div.stations-search-bar {
  background-color: #1d2c3b !important;
}
body.dark div#sidebar div.stations a {
  color: #f2f5fa !important;
}
body.dark div#sidebar div#partner-enterprise a,
body.dark div#sidebar div#cross-enterprise a {
  color: #f2f5fa !important;
}
body.dark lipp-selection-dialog#contact-dialog div.selection-dialog > span {
  color: #8da9c3 !important;
}
body.dark lipp-selection-dialog#contact-dialog div.selection-dialog > ul > a > i {
  color: #f2f5fa !important;
}
body.dark lipp-selection-dialog#contact-dialog div.selection-dialog > div.divider {
  background-color: #f2f5fa !important;
}
body.dark lipp-selection-dialog#profile-dialog > div.selection-dialog > ul > span {
  color: #8da9c3 !important;
}
body.dark lipp-selection-dialog#profile-dialog > div.selection-dialog > ul > li:hover,
body.dark lipp-selection-dialog#profile-dialog > div.selection-dialog > ul > li.selected,
body.dark lipp-selection-dialog#profile-dialog > div.selection-dialog > ul > a:hover,
body.dark lipp-selection-dialog#profile-dialog > div.selection-dialog > ul > a.selected {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark div#loading-route-screen {
  background-color: rgba(0, 0, 0, 0.125) !important;
}
body.dark div.panel {
  background-color: #1d2c3b !important;
}
body.dark div.panel div.panel-loading-spinner {
  background-color: rgba(0, 0, 0, 0.125) !important;
}
body.dark div.panel ::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark div.panel ::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark div.panel ::-webkit-scrollbar-corner {
  background-color: #1d2c3b;
}
body.dark button > i {
  color: inherit !important;
}
body.dark button:not(.primary):not(.secondary):not(.alert):not(.success):not(.dark):not(.blue):not(.lightBlue):not(.active):not(.inactive) {
  background-color: transparent;
  color: #f2f5fa;
}
body.dark button.secondary {
  background-color: #3d566e;
  color: #f2f5fa;
}
body.dark button.secondary:hover {
  background-color: #57738f;
}
body.dark div.chips > div.chip {
  background-color: #3d566e !important;
}
body.dark enterprise-settings div#enterprise-data a.stripe-customer-id > i {
  color: #f2f5fa !important;
}
body.dark enterprise-settings div#permissions div.permission-panel {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark enterprise-settings div#permissions div.permission-panel > ul > li.selected,
body.dark enterprise-settings div#permissions div.permission-panel > ul > li:hover {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark enterprise-settings div#permissions div.permission-panel > ul > li a:hover > i.fa-pen-line {
  color: #f2f5fa !important;
}
body.dark schedule-dialog div.periods tr.period.selected {
  background-color: #3d566e !important;
}
body.dark schedule-dialog div.spacer {
  background-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark text-template-dialog div.text-template-wrapper > div {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark text-template-dialog div.loading-spinner {
  background-color: rgba(0, 0, 0, 0.125) !important;
}
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#lipp-pos-dialog-wrapper > div#lipp-pos-dialog-data > div#services {
  border: 1px solid rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#lipp-pos-dialog-wrapper > div#lipp-pos-dialog-data > div#addition-selection > div#amount-selection,
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#lipp-pos-dialog-wrapper > div#lipp-pos-dialog-data > div#addition-selection div#rksv-selection {
  border: 1px solid rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#lipp-pos-dialog-wrapper > div#lipp-pos-dialog-data > .selected {
  border: 1px solid #e9c56c !important;
}
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#lipp-pos-dialog-wrapper > div#lipp-pos-dialog-data > * > .selected-header > span {
  color: black;
}
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#extra-devices-wrapper > div#device-types > div#device-row-body > div#device {
  border: 1px solid rgba(235, 238, 243, 0.25);
}
body.dark lipp-dialog#lipp-pos-subscription-dialog > div.dialog-wrapper > div.dialog > div.dialog-body > div#summary-wrapper > div#summary {
  border: 1px solid rgba(235, 238, 243, 0.25) !important;
}
body.dark modules div.module {
  background-color: #3d566e !important;
}
body.dark modules div.module p,
body.dark modules div.module ul {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark modules div.module p *:not(i):not(li):not(li > span),
body.dark modules div.module ul *:not(i):not(li):not(li > span) {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark modules div.module .price-info .licences span,
body.dark modules div.module .price-info .price span {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark modules div.module button.primary {
  background-color: #1d2c3b !important;
}
body.dark modules div.module button.primary:hover {
  background-color: #192735 !important;
}
body.dark modules div.module div.badge.payment-pending,
body.dark modules div.module div.badge.waiting-for-payment-receipt {
  background-color: #1d2c3b !important;
}
body.dark cancel-subscriptions-dialog div.modules::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark cancel-subscriptions-dialog div.modules::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark cancel-subscriptions-dialog div.modules > div.module i:not(.checked) {
  color: #3d566e !important;
}
body.dark module-trial-dialog div.selection > div:not(.checked) > div:first-of-type > i,
body.dark module-subscription-dialog div.selection > div:not(.checked) > div:first-of-type > i {
  color: #3d566e !important;
}
body.dark empty h1 {
  color: #f2f5fa !important;
}
body.dark statistics-pos div#reports div.report:hover {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark table-reservation div#status-buttons > button {
  background-color: #3d566e !important;
}
body.dark room-plan lipp-scheduler div.scheduler table td:first-of-type {
  color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.dialog-body::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.dialog-body::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.tables-loading-spinner {
  background-color: rgba(0, 0, 0, 0.125) !important;
}
body.dark table-reservation-dialog div.infos::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.infos::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.tables::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.tables::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark table-reservation-dialog div.tables div.available-tables div.department {
  border-color: #8da9c3 !important;
}
body.dark table-reservation-dialog div.tables div.available-tables div.department,
body.dark table-reservation-dialog div.tables div.available-tables div.table {
  background-color: #3d566e !important;
}
body.dark table-reservation-dialog div.tables div.available-tables div.department:hover,
body.dark table-reservation-dialog div.tables div.available-tables div.table:hover {
  background-color: #57738f !important;
}
body.dark table-reservation-dialog div.tables div.selected-tables div.department {
  border-color: #f2f5fa !important;
}
body.dark table-reservation-dialog div.tables div.selected-tables div.department > span,
body.dark table-reservation-dialog div.tables div.selected-tables div.table > span {
  color: #1d2c3b;
}
body.dark table-reservation-reporting div#reports div.selected {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark table-reservation-reporting div#preview-overlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
body.dark table-reservation-reporting div#preview-overlay span {
  color: #f2f5fa !important;
}
body.dark table-reservation-reporting lipp-selection-dialog div.selection-dialog ul li {
  color: #f2f5fa !important;
}
body.dark table-reservation-settings div#snippet div.fields {
  background-color: #3d566e !important;
}
body.dark block-room-dialog div.room-categories-loading-spinner {
  background-color: rgba(0, 0, 0, 0.125) !important;
}
body.dark digital-receipt div#invoices lipp-grid i {
  color: #f2f5fa !important;
}
body.dark statistics div.numbers-wrapper div.total > span {
  color: #f2f5fa !important;
}
body.dark statistics div.groups-wrapper > div.group {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark statistics div.groups-wrapper > div.group > div.numbers-wrapper {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark dashboard div#activated-modules > div.table-wrapper > table > tbody > tr:not(:last-of-type),
body.dark dashboard div#custom-modules > div.table-wrapper > table > tbody > tr:not(:last-of-type) {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark dashboard div#activated-modules > div.table-wrapper > table th.spacer > div,
body.dark dashboard div#activated-modules > div.table-wrapper > table td.spacer > div,
body.dark dashboard div#custom-modules > div.table-wrapper > table th.spacer > div,
body.dark dashboard div#custom-modules > div.table-wrapper > table td.spacer > div {
  background-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark custom-module-dialog div.group {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark customer-information-dialog div.rich-text-editor {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos div#lipp-pos-sidebar > div#lipp-pos-menu > div.menu-item-group {
  border-bottom-color: rgba(242, 245, 250, 0.25) !important;
}
body.dark lipp-pos div#lipp-pos-sidebar > div#lipp-pos-menu > div.menu-item-group > a.menu-item:hover,
body.dark lipp-pos div#lipp-pos-sidebar > div#lipp-pos-menu > div.menu-item-group > a.menu-item.selected {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark lipp-pos div#lipp-pos-content lipp-grid i.fa-star:not(.active) {
  color: #f2f5fa;
  opacity: 1;
}
body.dark lipp-pos div#lipp-pos-content lipp-grid i.fa-star.disabled {
  opacity: 0.5;
}
body.dark lipp-pos div.lipp-pos-info > span.title {
  color: #f2f5fa !important;
}
body.dark lipp-pos div.lipp-pos-info button.primary {
  background-color: #1d2c3b !important;
  color: white !important;
}
body.dark lipp-pos div.lipp-pos-info button.primary:hover {
  background-color: #192735 !important;
}
body.dark lipp-pos lipp-pos-rksv div.lipp-pos-info lipp-quick-daterange-picker > button {
  background-color: #1d2c3b !important;
  color: white !important;
}
body.dark lipp-pos lipp-pos-rksv div.lipp-pos-info lipp-quick-daterange-picker > button:hover {
  background-color: #192735 !important;
}
body.dark lipp-pos lipp-pos-rksv div.preview > div.overlay {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
body.dark lipp-pos lipp-pos-rksv div.preview > div.overlay span {
  color: #f2f5fa !important;
}
body.dark lipp-pos lipp-pos-articles article-dialog div.article-package div.article-package-items {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos lipp-pos-articles article-dialog div.article-package div.article-package-items div.items div.item {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos lipp-pos-articles article-dialog div.price-list > label > a.edit > i {
  color: white !important;
}
body.dark lipp-pos lipp-pos-articles article-package-group-dialog div.articles div.article-package-details {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos lipp-pos-articles article-package-group-dialog div.articles div.details div.detail {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark tutorials > div#categories > div.categories > div.category:hover,
body.dark tutorials > div#categories > div.categories > div.category.selected {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark tutorials > div#videos > div.videos > div.video > div.info {
  background-color: #3d566e !important;
}
body.dark tutorials > div#videos > div.videos > div.video > div.info > p.description {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark tutorials > div#videos > div.videos > div.video > div.info > div.views > i {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark tutorials > div#videos > div.videos > div.video > div.info > div.views > span {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark lipp-dialog .dialog-wrapper > .dialog > .dialog-body::-webkit-scrollbar-track {
  background-color: #1d2c3b !important;
}
body.dark lipp-dialog .dialog-wrapper > .dialog > .dialog-body::-webkit-scrollbar-thumb {
  border-color: #1d2c3b !important;
}
body.dark div#invoices > lipp-grid a.enterprise-name > i,
body.dark div#invoices > lipp-grid a.station-name > i {
  color: white !important;
}
body.dark report-criteria-dialog div.presets div.preset:hover {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark create-version-dialog form > div#versions-wrapper > div.version {
  border: 1px solid rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-dialog#button-configuration-dialog div.dialog-body > div.button-configuration > div > button {
  background-color: #3d566e !important;
}
body.dark lipp-dialog#lipp-care-module-dialog div.device {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-dialog#lipp-care-subscription-dialog div.summary {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos-lists div.item-list > div.item:hover,
body.dark lipp-pos-lists div.item-list > div.item.selected {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark lipp-pos-lists div.preview-info {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
body.dark lipp-pos-lists div.preview-info span {
  color: #f2f5fa !important;
}
body.dark lipp-pos-lists lipp-selection-dialog div.selection-dialog ul li {
  color: #f2f5fa !important;
}
body.dark lipp-pos-lists div.users-header {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark version-change-info div#version-change-info {
  background-color: transparent !important;
}
body.dark version-change-info div#version-change-info div.primary {
  background-color: #8da9c3 !important;
}
body.dark version-change-info div#version-change-info div.right {
  background-color: #3d566e !important;
  border-radius: 0 5px 5px 0;
}
body.dark version-change-info div#version-change-info div.right > div > button {
  background-color: #1d2c3b !important;
}
body.dark lipp-selection-dialog#type-selection-dialog div.selection-dialog div.type-selection-dialog > div div:hover {
  background-color: #57738f !important;
}
body.dark module div.module {
  background-color: #3d566e !important;
}
body.dark module div.module p,
body.dark module div.module ul {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark module div.module p *:not(i):not(li):not(li > span),
body.dark module div.module ul *:not(i):not(li):not(li > span) {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark module div.module .price {
  color: rgba(242, 245, 250, 0.7) !important;
}
body.dark module div.module button.primary {
  background-color: #1d2c3b !important;
}
body.dark module div.module button.primary:hover {
  background-color: #192735 !important;
}
body.dark marketplace marketplace-subscriptions div#subscriptions lipp-grid i.fa-pen-line,
body.dark marketplace marketplace-subscriptions div#subscriptions lipp-grid i.fa-arrow-up-right-from-square {
  color: #f2f5fa !important;
}
body.dark rksv-subscription-dialog div#type-selection > div.type:not(.selected) {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos-article-layout div#lipp-pos-sidebar div.items > div.header,
body.dark lipp-pos-table-layout div#lipp-pos-sidebar div.items > div.header {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos-article-layout div#lipp-pos-sidebar div.items > div.item,
body.dark lipp-pos-table-layout div#lipp-pos-sidebar div.items > div.item {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark lipp-pos-article-layout div#lipp-pos-sidebar div.items > div.item:hover,
body.dark lipp-pos-table-layout div#lipp-pos-sidebar div.items > div.item:hover {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark lipp-pos-article-layout div#lipp-pos-content > div.panel > div.layout,
body.dark lipp-pos-table-layout div#lipp-pos-content > div.panel > div.layout {
  border: 1px solid #354a5f;
}
body.dark shape-dialog div.rotation > div.input > button {
  border: 1px solid rgba(187, 191, 196, 0.8);
}
body.dark permission-roles-dialog div.permission-group,
body.dark permission-roles-dialog div.permission-group-header {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark permission-roles-dialog div.permission-group.departments div.permission.selected,
body.dark permission-roles-dialog div.permission-group.departments div.permission:hover {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark article-addons-dialog div.articles,
body.dark article-addons-dialog div.assignments {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
body.dark cross-enterprise-lipp-pos header > button {
  background-color: #1d2c3b !important;
  border-bottom-color: transparent !important;
}
body.dark cross-enterprise-lipp-pos header > button:hover {
  border-bottom-color: rgba(242, 245, 250, 0.5) !important;
}
body.dark cross-enterprise-lipp-pos header > button.active {
  border-bottom-color: #f2f5fa !important;
}
body.dark cross-enterprise-lipp-pos header > button > span.chip {
  background-color: #3d566e !important;
}
body.dark cross-enterprise-lipp-pos div#lipp-pos-sidebar > div#lipp-pos-menu > div.menu-item-group {
  border-bottom-color: rgba(242, 245, 250, 0.25) !important;
}
body.dark cross-enterprise-lipp-pos div#lipp-pos-sidebar > div#lipp-pos-menu > div.menu-item-group > a.menu-item:hover,
body.dark cross-enterprise-lipp-pos div#lipp-pos-sidebar > div#lipp-pos-menu > div.menu-item-group > a.menu-item.selected {
  background-color: rgba(242, 245, 250, 0.125) !important;
}
body.dark printer-dialog > lipp-dialog div.dialog-body > div.tabs {
  background-color: #3d566e !important;
}
body.dark printer-dialog > lipp-dialog div.dialog-body > div.tabs > div.indicator {
  background-color: #697c8f !important;
}
body.dark printer-dialog > lipp-dialog div.dialog-body > div.redirections > form > div.redirection {
  border-color: rgba(235, 238, 243, 0.25) !important;
}
* {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #1d2c3b;
}
html {
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1 {
  font-size: 20px;
  font-weight: 700;
}
h2 {
  font-size: 18px;
  font-weight: 500;
}
i {
  color: #3d566e;
  transition: color 100ms;
}
a {
  cursor: pointer;
  text-decoration: underline;
}
a * {
  text-decoration: none;
}
a:hover > i {
  color: #57738f;
}
a.disabled {
  pointer-events: none;
  opacity: 0.5;
}
div.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 2rem;
  padding: 0.25rem 0;
}
span.success,
span.info,
span.error {
  font-size: 12px;
  font-weight: 500;
}
span.success {
  color: #a4e5b1 !important;
}
span.info {
  color: #e9c56c !important;
}
span.error {
  color: #ee7272 !important;
}
.monospace {
  font-family: "Roboto Mono", monospace;
}
::-webkit-scrollbar {
  background-color: #f2f5fa;
  width: 14px;
  height: 14px;
}
::-webkit-scrollbar-track {
  background-color: #f2f5fa;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(186, 186, 192, 0.67);
  border-radius: 16px;
  border: 4px solid #f2f5fa;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #babac0;
}
::-webkit-scrollbar-button {
  display: none;
}
button {
  min-width: 1.875rem;
  height: 1.875rem;
  font-weight: 500;
  padding: 0.25rem 1rem;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  background-color: white;
  color: #1d2c3b;
  white-space: nowrap;
  transition: background-color 100ms, opacity 100ms;
}
button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
button > i {
  color: inherit;
}
button.primary {
  background-color: #3d566e;
  color: white;
}
button.primary:hover {
  background-color: #57738f;
}
button.secondary {
  background-color: #f2f5fa;
  color: #1d2c3b;
}
button.secondary:hover {
  background-color: #ebeef3;
}
button.success {
  background-color: #a4e5b1;
  color: #1d2c3b;
}
button.success:hover {
  background-color: #94d6a1;
}
button.alert {
  background-color: #ee7272;
  color: white;
}
button.alert:hover {
  background-color: #e75959;
}
button.dark {
  background-color: #1d2c3b;
  color: white;
}
button.dark:hover {
  background-color: #192735;
}
button.blue {
  background-color: #517598;
  color: white;
}
button.blue:hover {
  background-color: #5b83ac;
}
button.lightBlue {
  background-color: #8da9c3;
  color: white;
}
button.lightBlue:hover {
  background-color: #799ebd;
}
button.refresh {
  padding: 0;
}
button.refresh > i {
  font-size: 16px;
}
input,
textarea {
  width: 100%;
  height: 1.875rem;
  color: #1d2c3b;
  border-radius: 5px;
  border: 1px solid #bbbfc4;
  background-color: white;
  padding: 0.25rem;
}
input:focus:not(:read-only),
textarea:focus:not(:read-only) {
  border-bottom-color: #57738f;
  border-bottom-width: 3px;
  padding-top: 6px;
}
input::placeholder,
textarea::placeholder {
  color: #1d2c3b;
  opacity: 0.5;
  -webkit-user-select: none;
  user-select: none;
}
input:read-only,
input:disabled,
textarea:read-only,
textarea:disabled {
  opacity: 0.5;
}
textarea {
  max-width: 100%;
  resize: vertical;
}
textarea:focus:not(:read-only) {
  padding-top: 4px;
}
textarea::-webkit-scrollbar {
  border-radius: 5px;
}
textarea::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: white;
}
textarea::-webkit-scrollbar-thumb {
  border-color: white;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1d2c3b;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  box-shadow: 0 0 0 30px white inset !important;
  background-clip: content-box !important;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
div.status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ee7272;
  border-radius: 50%;
}
div.status-dot.active {
  background-color: #a4e5b1;
}
div.input {
  position: relative;
}
.fa,
.fa-brands,
.fa-chisel,
.fa-classic,
.fa-duotone,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-light,
.fa-notdog,
.fa-notdog-duo,
.fa-regular,
.fa-semibold,
.fa-sharp,
.fa-sharp-duotone,
.fa-slab,
.fa-slab-press,
.fa-solid,
.fa-thin,
.fa-thumbprint,
.fa-whiteboard,
.fab,
.facr,
.fad,
.fadl,
.fadr,
.fadt,
.faes,
.fajdr,
.fajfr,
.fajr,
.fal,
.fands,
.fans,
.far,
.fas,
.fasdl,
.fasdr,
.fasds,
.fasdt,
.fasl,
.faslpr,
.faslr,
.fasr,
.fass,
.fast,
.fat,
.fatl,
.fawsb {
  text-align: unset;
  width: unset;
}
button[lipp-progress-button].loading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
button[lipp-progress-button].loading > lipp-loading-spinner {
  display: inline-flex;
  margin-left: -10px;
  margin-right: -17px;
}
button[lipp-progress-button]:has(> span.progress-count) {
  pointer-events: none;
}
*[lipp-drag-drop] .js-idle {
  transition: 0.25s ease transform;
}
*[lipp-drag-drop] .js-draggable {
  z-index: 10;
}
*[lipp-drag-drop] .js-drag-handle,
*[lipp-drag-drop] .js-drag-handle-group {
  cursor: move;
}
* {
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html {
  overflow: hidden;
}
body {
  background-color: #3d566e;
  margin: 0;
}
a,
img,
button,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li {
  -webkit-user-select: none;
  user-select: none;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
p {
  margin: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */