body {
Font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
}

.sale-lead-status-interested {
  background-color: #FFF294 !important;
}
.sale-lead-status-unknown {
  background-color: #ADD8E6 !important;
}
.sale-lead-status-not-interested {
  background-color: #e0611d !important;
}
.sale-lead-status-waiting-for-contract {
  background-color: #90EE90 !important;
}

a.quote-url, a.purchase_order-url{
  text-decoration: none;
  color:#000;
}

.quote-url-clipboard:before, .purchase_order-url-clipboard:before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content:"\f46d ";
  padding-right: 5px;
  color:#0964b0;

  
}

a.contract-url{
  text-decoration: none;
  color:#000;
}

.contract-url-clipboard:before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content:"\f46d ";
  padding-right: 5px;
  color:#0964b0;
}

.contract-summary {
  display: table;
  margin: 0 10px 0 auto;
  max-width: 100%;
  border-style: none;
  background-color:white;
}

.contract-summary-stats {

  border-style: solid;
  border-color:lightblue;
  padding: 5px;
}

.contract-summary .description {
  white-space:nowrap;
  display:inline-block;
  font-weight: 600;
  left:0px;
  border-style: none;
  border-color: blue;
  width:300px;
}

.contract-summary .result {
  white-space:nowrap;
  display:inline-block;
  font-weight: 400;

  text-align: right;
  
  border-style: none;
  border-color: red;
  width:100px;
  /*width:45%;*/
}


.healthcheck-url-clipboard:before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content:"\f46d ";
  padding-right: 5px;
  color:#0964b0;

  
}

.healthcheck-score-icon-warning {
  color: #9a6700;
}

.healthcheck-score-icon-critical {
  color: #c00;
}

.healthcheck-score-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.75rem;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(9, 100, 176, 0.45);
  border-radius: 999px;
  background: rgba(9, 100, 176, 0.12);
  box-sizing: border-box;
  color: inherit;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.healthcheck-score-icon-normal {
  color: #18794e;
}

.healthcheck-status {
  white-space: nowrap;
}

.healthcheck-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.5rem;
  padding: 0.18rem 0.55rem;
  border: 1px solid transparent;
  border-radius: 999px;
  box-sizing: border-box;
  color: #222;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}

.healthcheck-information {
  white-space: pre-line;
}

.healthcheck-status-badge.is-normal {
  border-color: #55a86a;
  background: #8aca9a;
}

.healthcheck-status-badge.is-warning {
  border-color: #c7a400;
  background: #fff196;
}

.healthcheck-status-badge.is-critical {
  border-color: #c94b4b;
  background: #f9d2d2;
}

.healthcheck-status-badge.is-information {
  border-color: #5c9fbd;
  background: #dceff7;
}

.healthcheck-status-badge.is-progress {
  border-color: #4f79b8;
  background: #dbe8fb;
}

.healthcheck-status-badge.is-accepted {
  border-color: #8b6aaa;
  background: #eadcf5;
}

select.healthcheck-status-select {
  border-width: 1px;
  border-style: solid;
  border-radius: 0.3rem;
  font-weight: 600;
}

div.DTE select.healthcheck-status-select.is-normal,
select.healthcheck-finding-status-select option[value="1"],
select.healthcheck-action-status-select option[value="4"] {
  border-color: #55a86a !important;
  background-color: #8aca9a !important;
  color: #222 !important;
}

div.DTE select.healthcheck-status-select.is-warning,
select.healthcheck-finding-status-select option[value="2"],
select.healthcheck-action-status-select option.is-warning {
  border-color: #c7a400 !important;
  background-color: #fff196 !important;
  color: #222 !important;
}

div.DTE select.healthcheck-status-select.is-critical,
select.healthcheck-finding-status-select option[value="3"],
select.healthcheck-action-status-select option.is-critical {
  border-color: #c94b4b !important;
  background-color: #f9d2d2 !important;
  color: #222 !important;
}

div.DTE select.healthcheck-status-select.is-information,
select.healthcheck-finding-status-select option[value="4"],
select.healthcheck-action-status-select option[value="1"] {
  border-color: #5c9fbd !important;
  background-color: #dceff7 !important;
  color: #222 !important;
}

div.DTE select.healthcheck-status-select.is-progress,
select.healthcheck-action-status-select option[value="3"] {
  border-color: #4f79b8 !important;
  background-color: #dbe8fb !important;
  color: #222 !important;
}

div.DTE select.healthcheck-status-select.is-accepted,
select.healthcheck-action-status-select option[value="5"] {
  border-color: #8b6aaa !important;
  background-color: #eadcf5 !important;
  color: #222 !important;
}

.healthcheck-status-icon-column {
  box-sizing: border-box;
  text-align: center;
  width: 2.75rem;
}

.healthcheck-list-result {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.healthcheck-visit-summary,
.healthcheck-visitor-list,
.healthcheck-visitor-item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.healthcheck-visitor-list {
  gap: 0.5rem;
}

.healthcheck-visit-summary small,
.healthcheck-visitor-item small,
.healthcheck-visit-empty {
  color: var(--evx-text-muted, #68717a);
  white-space: nowrap;
}

.healthcheck-visits {
  min-width: 10rem;
}

.healthcheck-tab-shell {
  margin: 1rem;
}

.healthcheck-result-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-bottom: 1.25rem;
}

.healthcheck-result-card {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(9, 100, 176, 0.25);
  border-radius: 0.55rem;
  background: rgba(9, 100, 176, 0.06);
}

.healthcheck-result-card.is-current {
  border-color: rgba(9, 100, 176, 0.5);
}

.healthcheck-result-card.is-resolved {
  border-color: rgba(24, 121, 78, 0.45);
  background: rgba(24, 121, 78, 0.08);
}

.healthcheck-result-card strong {
  font-size: 1.65rem;
  line-height: 1.15;
}

.healthcheck-result-card small {
  line-height: 1.4;
}

.healthcheck-result-label {
  font-weight: 600;
}

.healthcheck-tab-navigation {
  margin-bottom: 1rem;
}

.healthcheck-tab-select,
.healthcheck-tab-select-label {
  display: none;
}

.healthcheck-action-notice {
  margin: 1rem;
  padding: 0.7rem 1rem;
  color: #000;
  text-align: center;
  font-weight: bold;
  border: 1px solid #000;
}

.healthcheck-action-notice[hidden] {
  display: none;
}

.healthcheck-action-notice.is-warning {
  background: #fff294;
}

.healthcheck-action-notice.is-critical {
  background: #f08080;
}

.healthcheck-action-notice.is-warning i {
  color: #9a6700;
}

.healthcheck-action-notice.is-critical i {
  color: #c00;
}

.healthcheck-action-notice a {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 800px) {
  .healthcheck-result-summary {
    grid-template-columns: 1fr;
  }

  .healthcheck-tab-navigation {
    display: none !important;
  }

  .healthcheck-tab-select-label {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: bold;
  }

  .healthcheck-tab-select {
    display: block;
    margin-bottom: 1rem;
  }

  .healthcheck-tab-shell,
  .healthcheck-action-notice {
    margin: 0.75rem 0.4rem;
  }
}

a.quote_url:visited {
  text-decoration: none;
}
a.quote_url:hover {
  color:#001fac;

}

.quote_summary, .purchase_order_summary {
  display: table;
  margin: 0 10px 0 auto;
  max-width: 100%;
  border-style: none;
}

.purchase_order_summary {
  margin-right: 24px;
}

.quote_summary_stats, .purchase_order_summary_stats, .purchase_order_more_info_block {

  border-style: solid;
  border-color:lightblue;
  padding: 5px;
}

.quote_summary .description, .purchase_order_summary .description {
  white-space:nowrap;
  display:inline-block;
  font-weight: 600;
  left:0px;
  border-style: none;
  border-color: blue;
  width:300px;
}

.quote_summary .result, .purchase_order_summary .result {
  white-space:nowrap;
  display:inline-block;
  font-weight: 400;

  text-align: right;
  
  border-style: none;
  border-color: red;
  width:100px;
  /*width:45%;*/
}

.purchase_order_summary .result {
  display: inline-flex;
  justify-content: flex-end;
}

.purchase_order_summary .result > .document-stat-badge {
  flex-shrink: 0;
}

.document-draft-badge-row {
    display: flex;
    justify-content: flex-end;
}

.document-draft-notice {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border: 1px solid #ffe69c;
  border-radius: 6px;
  background-color: #fff3cd;
  color: #664d03;
  break-inside: avoid;
}

.document-draft-notice p {
  margin: 0.25rem 0;
}

.document-number-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border: 1px solid #c8ddea;
  border-radius: 999px;
  background: #edf5fb;
  color: #184768;
  font-size: 1rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  white-space: nowrap;
  word-break: normal;
}

html.dark .document-number-badge,
html[data-bs-theme=dark] .document-number-badge {
  border-color: #31516a;
  background: #172b3b;
  color: #d4e9f8;
}

.document-stat-badge {
  display: inline-block;
  min-width: 5.5rem;
  margin: 0.25rem 0;
  padding: 0.18rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 999px;
  box-sizing: border-box;
  font-weight: 600 !important;
  line-height: 1.35;
  text-align: center !important;
  white-space: nowrap;
}

.document-stat-badge.is-compact {
  min-width: 0;
  margin: 0;
  padding: 0.05rem 0.4rem;
  font-size: 0.8em;
  vertical-align: middle;
}

.document-select2-status-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  min-width: 0;
}

.select2-selection--single .select2-selection__rendered:has(.document-select2-status-label) {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: normal;
}

.document-stat-badge.is-negative {
  border-color: #f1aeb5;
  background-color: #f8d7da;
  color: #842029;
}

.document-stat-badge.is-warning {
  border-color: #ffe69c;
  background-color: #fff3cd;
  color: #664d03;
}

.document-stat-badge.is-positive {
  border-color: #a3cfbb;
  background-color: #d1e7dd;
  color: #0f5132;
}

.document-stat-badge.is-information {
  border-color: #9ec5fe;
  background-color: #cfe2ff;
  color: #084298;
}

.document-stat-badge.is-neutral {
  border-color: #ced4da;
  background-color: #e9ecef;
  color: #495057;
}

/* Let quote and contract totals use the mobile viewport without squeezing labels or values. */
@media only screen and (max-width: 780px) {
  .contract-summary,
  .quote_summary {
    display: block;
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box;
  }

  .contract-summary-stats,
  .quote_summary_stats {
    width: 100%;
    box-sizing: border-box;
  }

  .contract-summary .description,
  .quote_summary .description {
    width: calc(100% - 7rem);
    min-width: 0;
    box-sizing: border-box;
    white-space: normal;
    vertical-align: top;
  }

  .contract-summary .result,
  .quote_summary .result {
    width: 7rem;
    box-sizing: border-box;
    vertical-align: top;
  }
}

.purchase_order-log-action-created {
  background-color: #bcff6f !important; /* grönt */
}
.purchase_order-log-action-status-change {
  background-color: #f0f96d !important; /* grönt */
}

.purchase_order-log-action-receive {
  background-color: #bcff6f !important; /* grönt */
}
.purchase_order-log-action-stock {
  background-color: #6aeaf6 !important; /* blått */
}
.purchase_order-log-action-stock-internal {
  background-color: #08f1bb !important; /* blått */
}
.purchase_order-log-action-delete {
  background-color: #ff9999 !important; /* rött */
}


.contract-status-draft{
  background-color: #ADD8E6 !important;
  
}
.contract-status-sent{
  background-color: #FFF294 !important;
}
.contract-status-accepted{
  background-color: #90EE90 !important;
}
.contract-status-order-created{
  background-color: #41fff6 !important;
}
.contract-status-invoiced{
  background-color: #31a731 !important;
}

.contract-status-lost{
  background-color: #e0611d !important;
}

.quote-status-draft{
  background-color: #ADD8E6 !important;
  
}
.quote-status-sent{
  background-color: #FFF294 !important;
}
.quote-status-accepted{
  background-color: #90EE90 !important;
}
.quote-status-order-created{
  background-color: #41fff6 !important;
}
.quote-status-invoiced{
  background-color: #31a731 !important;
}

.quote-status-lost{
  background-color: #e0611d !important;
}


.purchase_order-status-draft {
  background-color: #f0f0f0 !important; /* ljusgrå – utkast */
}

.purchase_order-status-ordered {
  background-color: #ffe066 !important; /* gul – beställd */
}

.purchase_order-status-partially-received {
  background-color: #74c0fc !important; /* blå – delvis mottagen */
}

.purchase_order-status-received {
  background-color: #4dabf7 !important; /* starkare blå – mottagen */
}

.purchase_order-status-partially-stocked {
  background-color: #b2f2bb !important; /* ljusgrön – delvis inlagd */
}

.purchase_order-status-stocked {
  background-color: #51cf66 !important; /* grön – helt inlagd */
}

.purchase_order-status-cancelled {
  background-color: #adb5bd !important; /* mörkgrå – avbruten */
}


.purchase_order-status-price-higher{
  background-color: #FFF294 ;
}

.purchase_order-status-price-lower{
  background-color: #71d571;
}

.assignment-status-inprogress {
  background-color: #FFF294 !important;
}
.assignment-status-idle {
  background-color: #ADD8E6 !important;
}
.assignment-status-waiting {
  background-color: #e0611d !important;
}
.assignment-status-completed {
  background-color: #90EE90 !important;
}

.assignment-icon {
  color: #0964b0 ;
  font-size: 20px;
}

.reorder-icon {
  color: #0964b0 ;
  font-size: 20px;
}

.hardware-type-icon {
  color: #0964b0 ;
  font-size: 20px;
}


.time-status-registered {
  background-color: #ADD8E6 !important;

}

.time-status-invoiced {
  background-color: #90EE90 !important;

}

.time-status-wait {
  background-color: #e0611d !important;

}

.time-status-paid-out {
  background-color: #fae05f !important;

}

.time-status-transferred {
  background-color: #5e96ff !important;

}

.time-status-disabled {
  color: grey;
}




a.menu_active {
text-decoration: none;
font-family: 'Monda';
  font-weight: 600;
color: #0964b0;
}

a.menu {
text-decoration: none;
font-family: 'Monda';
  font-weight: 400;
color: #0964b0;

}

a.remove-from-log {
text-decoration: none;
font-family: 'Monda';
  font-weight: 400;
color: red;
}



#assignment_bar_total {
    /*display: inline-block;*/
    width:100%;
    height:10px;
}

.assignment_bar_total {
  text-align: center;
  float:left;
  width:100%;

}

.license-header-brand-img{
  vertical-align:top;
  margin:10px 0px;
  /*height:75px;*/
 width:150px; 
}

.health {

width:100%;
}


#healthBarNormal {
display: inline-block;
  width:200px;
height:65px;
}
#healthBarWarning {
display: inline-block;
  width:200px;  
height:65px;
}
#healthBarCritical {
display: inline-block;
  width:200px;
height:65px;
}

.healthBarNormal {
text-align: center;

  float:left;
  width:33.333%;

}

.healthBarWarning {
text-align: center;

  float:left;
  width:33.333%;
}

.healthBarCritical {
text-align: center;

  float:left;
  width:33.333%;

}

/*
.healthTextNormal {
}

.healthTextWarning {
}

.healthTextCritical {
}
*/

/*
 TABS
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #0964b0;
}

.tabset > label:hover::after{
  background: #e0611d;
}

.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #55c65e;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

/*
 TABS END
*/

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .healthBarNormal, .healthBarWarning, .healthBarCritical {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
 
}