@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Globala inställningar */
.economy, 
.skapa-fakturaunderlag, 
.create-invoice, 
.view-invoice, 
.edit-invoice, 
.approve-invoice, 
.modal-open, 
.remove-invoice, 
.view-bulk-invoice, 
.upload-bulk-invoice, 
.edit-bulk-invoice, 
.approve-bulk-invoice {
  font-family: "Barlow", sans-serif !important;
  font-size: 16px !important;
}

label {
  font-size: 16px !important;
}

.item-card-list,
.widget-sidebar {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.blockDetail-item .item-block span {
  font-size: 14px;
}

.form-element-table-container .header-content label {
  text-transform: unset;
}

.shortcuts-badges-content .badges .total.small {
  font-size: 14px;
}

/* Stilar för formulär och sidhuvuden */
.form-content-create-invoice,
.form-content-view-invoice,
.form-content-approve-invoice,
.form-content-edit-invoice,
.form-content-view-bulk-invoice,
.form-content-upload-bulk-invoice,
.form-content-edit-bulk-invoice,
.form-content-approve-bulk-invoice {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.form-content-create-invoice h5,
.form-content-view-invoice h5,
.form-content-approve-invoice h5,
.form-content-edit-invoice h5,
.form-content-view-bulk-invoice h5, 
.form-content-upload-bulk-invoice  h5,
.form-content-edit-bulk-invoice h5,
.form-content-approve-bulk-invoice h5 {
  font-size: 22px;
  border-bottom: 1px solid #f3f3f3;
}

.form-content-create-invoice,
.form-content-view-invoice,
.form-content-approve-invoice,
.form-content-edit-invoice,
.form-content-view-bulk-invoice, 
.form-content-upload-bulk-invoice,
.form-content-edit-bulk-invoice h5,
.form-content-approve-bulk-invoice h5 {
  padding-left: unset;
}

.form-content-create-invoice label,
.form-content-view-invoice label,
.form-content-approve-invoice label,
.form-content-edit-invoice label,
.form-content-view-bulk-invoice label,
.form-content-upload-bulk-invoice label,
.form-content-edit-bulk-invoice label,
.form-content-approve-bulk-invoice label {
  font-weight: 500;
}

.form-content-create-invoice .help-block,
.form-content-view-invoice .help-block,
.form-content-approve-invoice .help-block,
.form-content-edit-invoice .help-block,
.form-content-view-bulk-invoice .help-block,
.form-content-upload-bulk-invoice .help-block,
.form-content-edit-bulk-invoice .help-block,
.form-content-approve-bulk-invoice .help-block {
  font-size: 14px;
  font-weight: 400;
}

/* Stilar för specifika sektioner */
.skapa-fakturaunderlag .question-option-main, 
.workspace-page.economy .blockDetail-item .item-block .actionbutton {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.create-invoice, 
.view-invoice, 
.edit-invoice, 
.approve-invoice, 
.view-bulk-invoice, 
.upload-bulk-invoice, 
.edit-bulk-invoice, 
.approve-bulk-invoice {
  background-color: #6F3C76;
}

.create-invoice .form-link-elemnt.btn {
  width: 100%;
}

/* Stilar för specifika sidor */
.skapa-fakturaunderlag {
  background: url("/images/bg-workspace-default.jpg") center center no-repeat fixed !important;
  background-size: cover !important;
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
}

.skapa-fakturaunderlag .question-page-title {
  font-size: 40px;
  font-weight: 400;
}

.skapa-fakturaunderlag .container {
  background-color: rgba(88, 34, 90, 0.7);
  height: 100vh !important;
}

.form-page-title.no-description,
.form-page-title {
  font-size: 40px;
  font-weight: 400;
}

.form-page-description {
  font-size: 20px;
}

/* Stilar för ekonomisidor */
.workspace-page.economy .container {
  background-color: rgba(88, 34, 90, 0.7);
  height: 95vh !important;
}

.workspace-page.economy .workspace-title {
  font-size: 60px;
  font-weight: 400;
}

.workspace-page.economy .workspace-description {
  font-size: 22px;
  font-weight: 400;
}

.workspace-page.economy .item-card-container,
.tag-widget {
  font-size: unset !important;
}



.workspace-page.economy {
  background: url("/images/bg-workspace-default.jpg") center center no-repeat fixed !important;
  background-size: cover !important;
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
}

.workspace-page.economy .workspace-title,
.workspace-page.economy .workspace-description {
  color: #ffffff !important;
}

.workspace-page.economy .workspace-icon {
  width: 480px;
  height: 99px;
}

/* Stilar för sökresultatsidor */
.workspace-result-page.economy,
.bg-gray {
  background: #fbfbfb;
}

.workspace-results-page .search-result {
  background-color: #6F3C76 !important;
  border-bottom: none;
  color: #999;
}

.workspace-results-page .item-card-remove-filter {
  border: unset;
}

.workspace-results-page .inner-detail {
  margin-left: 0;
}

.workspace-results-page .item-card-container h3 span {
  font-weight: 500;
}

.workspace-results-page .item-card-container h4 {
  font-size: 20px;
  font-weight: 400;
}

.workspace-results-page .item-card-container h5 {
  font-size: 12px;
}

.workspace-results-page .information-main {
  margin-top: 20px;
}

.workspace-results-page .item-card-container p {
  font-size: 15px;
  font-weight: 500;
}

.workspace-results-page .item-card-container h3 {
  font-size: 22px;
  font-weight: 500;
}

/* Övriga stilar */
.dot {
  margin-top: 3px;
}

.item-card-container .item-status .active {
  background: #559e31;
}

.item-card-container .item-status .disabled {
  background: #f9cc2a;
}

.item-card-container .item-status .locked {
  background: #fc3c59;
}

.item-card-container .item-status .exipred, .item-card-container .item-status .avslagen  {
  background: #f9cc2a;
}

.item-card-container .item-status .behandlad {
  background: #509462;
}

.item-card-container .item-status .attesterad {
  background: #E32118;
}

.item-card-container .item-status .ej-attesterad {
  background: #BD4200;
}

.item-card-container .item-status .uppdaterad {
  background: #FFA500;
}

.item-card-container .item-status .skapad {
  background: #4a90e2;
}

/* Anpassad CSS för länkar i itemTemplates */
div.item-card-list.removeBlueLinks div.div-row.information-content.ng-scope a {
  color: #373a3c;
}

div.item-card-list.removeBlueLinks div.div-row.information-content.ng-scope a:hover {
  text-decoration: none;
}

.blockDetail-item .item-block .actionbutton {
  min-height: 130px;
}

.sumTable {
  border: 0;
  border-collapse: collapse;
  width: 300px;
  min-width: 300px;
  font-weight: 500;
}