/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.stat-avatar {
    height: 48px;
}

/*
.varer-modal {
	max-width: 60%;
	margin-right: auto;
    margin-left: auto;
}
*/

.varer-modal .table.dataTable.table-responsive:not(.datatables-ajax) {
    display: table;
}

.varer-modal .dataTables_filter, .dataTables_info { 
	display: none; 
}

.varer-modal tfoot {
	display: none;
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "";
}

table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
    bottom: 50%;
    content: "";
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgb(115 103 240) !important;
    color: white;
}

.dark-layout table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgb(115 103 240 / 55%);
    color: white !important;
}

.btn-group [class*=btn-]:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]) {
    border-left-color: rgba(34, 41, 47, 0.17) !important;
    border-right-color: rgba(34, 41, 47, 0.17) !important;
}

.bookdts_btn {
	margin-left: 100px !important;
	border-top-left-radius: 0.358rem !important;
	border-bottom-left-radius: 0.358rem !important;
}

.lastinstack_btn {
	border-top-right-radius: 0.358rem !important;
	border-bottom-right-radius: 0.358rem !important;
}


.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
    color: #000;
}

.dark-layout .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
    color: #fff;
}

div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
    background-position: right;
}

.auth-wrapper .brand-logo .brand-text {
    color: #000 !important;
}

.dark-layout .auth-wrapper .brand-logo .brand-text {
    color: #fff !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: #000000;
}

.dark-layout .main-menu .navbar-header .navbar-brand .brand-text {
    color: #fff;
}

.DTE_Action_Create #customForm fieldset.rekv {
	display: none;
}

.kb_afsluttet {
    background-color: #7367f08c;
}

.kb_afsluttet td {
    color: #62c78f !important;
}

/* customForm */

#customForm,
#customFormActive,
#customFormArchived {
    display: flex;
    flex-flow: row wrap;
}
 
#customForm fieldset,
#customFormActive fieldset,
#customFormArchived fieldset {
    flex: 1;
	padding: 10px;
}
 
#customForm fieldset legend,
#customFormActive fieldset legend,
#customFormArchived fieldset legend {
    font-weight: bold;
}

#customForm fieldset.name {
    flex: 0 50%;
}

#customForm fieldset.contact {
    flex: 0 50%;
}

#customForm fieldset.product {
    flex: 0 50%;
}

#customForm fieldset.booking {
    flex: 0 50%;
}

#customForm fieldset.errordesc {
    flex: 0 100%;
}

/* Tilføj afstand før "Udført arbejde" */
#customForm fieldset.udfort-arbejde {
    margin-top: 40px; 
}

#customForm fieldset.rekv {
    flex: 0 100%;
}

#customForm fieldset.errordesc label {
    display: none;
}

#customForm fieldset.install {
    flex: 0 50%;
}

input#DTE_Field_install_company {
    margin-top: 10px;
 }
 
 input#DTE_Field_install_date {
    margin-top: 10px;
 }

 
#customForm div.DTE_Field,
#customFormActive div.DTE_Field,
#customFormArchived div.DTE_Field {
    padding: 5px;
}

#customForm fieldset.errordesc .col-lg-8 {
    width: 100%;
}

#customForm fieldset.errordesc div.DTE_Field_Type_textarea textarea {
    height: 150px;
}

#customForm fieldset.bigdesc .col-lg-8 {
    width: 100%;
}

#customForm fieldset.bigdesc div.DTE_Field_Type_textarea textarea {
    height: 350px;
}

#customForm fieldset.rekv div.DTE_Field {
    width: 40%;
}

#DTE_Field_rekv {
    text-align: center;
	font-weight: 700;
	font-size: 20px;
}

#customForm fieldset.rekv label {
    display: none;
}

#customForm > fieldset.sælger {
    flex: 50% !important;
}

#customForm > fieldset.status {
    flex: 50% !important;
}

#DTE_Field_varer_besk {
    min-height: 100px;
}

#DTE_Field_lager_besked {
    min-height: 100px;
}

#lagerDiv {
    display: block;
    width: 100%;
}


/* TEMP BLOCK */

.dropdown-notifications {
    display: none;
}

.dropdown-shortcuts {
    display: none;
}

/* TEMP BLOCK */



/* FROM BOOTSTRAP 5 */

.match-height > [class*=col] {
    display: flex;
    flex-flow: column;
}
.match-height > [class*=col] > .card {
    flex: 1 1 auto;
}

.welcome-row {
    height: 100%;
}

.welcome-image-div {
    height: 100% !important;
    align-items: flex-end;
    display: flex;
}

section#column-search-datatable {
    width: 100%;
    display: flex;
}

html:not(.layout-footer-fixed) .content-wrapper {
    padding-bottom: 0 !important;
}


.layout-navbar-full .content-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.content-wrapper-custom-ow {
    min-width: 100% !important;
}

.table.table-responsive {
    /* overflow-x: auto; */
    display: block !important;
}

/* .table.table-res-modal {
    display: block !important;
} */

#table-varer_wrapper th:nth-of-type(1) {
    width: 10% !important;
}
#table-varer_wrapper th:nth-of-type(2) {
    width: 25% !important;
}
#table-varer_wrapper th:nth-of-type(3) {
    width: 5% !important;
}
#table-varer_wrapper th:nth-of-type(4) {
    width: 11% !important;
}
#table-varer_wrapper th:nth-of-type(5) {
    width: 10% !important;
}
#table-varer_wrapper th:nth-of-type(6) {
    width: 10% !important;
}
#table-varer_wrapper th:nth-of-type(7) {
    width: 11% !important;
}

#table-varer-arkiv_wrapper th:nth-of-type(1) {
    width: 10% !important;
}
#table-varer-arkiv_wrapper th:nth-of-type(2) {
    width: 25% !important;
}
#table-varer-arkiv_wrapper th:nth-of-type(3) {
    width: 10% !important;
}
#table-varer-arkiv_wrapper th:nth-of-type(4) {
    width: 15% !important;
}
#table-varer-arkiv_wrapper th:nth-of-type(5) {
    width: 10% !important;
}
#table-varer-arkiv_wrapper th:nth-of-type(6) {
    width: 10% !important;
}

#table-indkoeb-varer th:nth-of-type(1) {
    width: 10% !important;
}
#table-indkoeb-varer th:nth-of-type(2) {
    width: 45% !important;
}
#table-indkoeb-varer th:nth-of-type(3) {
    width: 15% !important;
}
#table-indkoeb-varer th:nth-of-type(4) {
    width: 15% !important;
}
#table-indkoeb-varer th:nth-of-type(5) {
    width: 15% !important;
}

.card-info {
	color: #b6bee3
}

.card-button-notification {
	opacity: 0.6;
	position: relative;
	bottom: -13px;
}

#earnings-chart {
	position: relative;
	margin: auto;
	top: 5px;
}

#earnings-chart_2 {
	position: relative;
	margin: auto;
	top: 5px;
}

.dash-budget-text {
	line-height: 0.5em;
}

/* .layout-horizontal .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
	display: none;
}

.menu-horizontal .menu-sub .menu-link {
    padding-left: 0.88rem !important;
} */

/* FROM BOOTSTRAP 5 *** RESPONSIVE *** */
@media (max-width: 992px) {
    #earnings-chart {
        position: relative;
        margin: auto;
        top: 10px;
    }

    #earnings-chart_2 {
        position: relative;
        margin: auto;
        top: 10px;
    }
}

/* FROM BOOTSTRAP 5 *** RESPONSIVE *** */

.varestat_navn {
	max-width: 180px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/*
.card-custom {
    display: table !important;
}


/* FROM BOOTSTRAP 5 */

.table.dataTable {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

.ti-sm {
    font-size: 1.376rem!important;
}

.ti-md {
    font-size: 1.625rem !important;
}

.dt-buttons.resp-btn {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  .dt-buttons.resp-btn .btn {
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    div.custom_reload {
        display: none;
    }
}

.select2 {
    width: 100% !important;
}

/* Kalender */
.fc-toolbar { text-transform: capitalize; }
.flatpickr-current-month { text-transform: capitalize; }
.flatpickr-weekdays { text-transform: capitalize; }
.dark-style .fc-event-leavedates:not(.fc-list-event) {
    background-color: #ff9f43 !important;
    color: rgb(255, 255, 255) !important;
}
.dark-style .fc-event-kantine:not(.fc-list-event) {
    background-color: #00cfe8 !important;
    color: rgb(255, 255, 255) !important;
}
.fc .fc-popover-title {
    color: #2f3349;
}
/* Kalender */ 

/* WEBSHOP */

td.webshop-varer-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px; /* Adjust as needed */
}

/* WEBSHOP */

/* leave dashboard */
.scrollable-list.no-scroll {
    overflow-y: hidden; /* Hide the scrollbar when there are no items */
}

.scrollable-list:not(.no-scroll) {
    max-height: 210px;
    overflow-y: auto;
    scrollbar-width: thin; /* For Firefox, 'thin' is predefined and can be narrower depending on the browser's default style */
    scrollbar-color: transparent transparent; /* For Firefox: make the scrollbar transparent */
}

/* Chrome, Edge, and Safari */
.scrollable-list::-webkit-scrollbar {
width: 8px; /* Adjust the width as you like, 8px is usually thin enough */
background-color: transparent; /* Make the scrollbar track transparent */
}

.scrollable-list::-webkit-scrollbar-thumb {
background-color: transparent; /* Make the scrollbar handle transparent */
}

.scrollable-list:hover {
scrollbar-color: rgba(0, 0, 0, 0.1) transparent; /* For Firefox */
}

.scrollable-list:hover::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1); /* Your preferred scrollbar handle color */
}

/* Leave dashboard */
.calendar-no-app i {
	font-size: 5em;
}

.btn-remove-orderline {
    top: 26px !important;
	right: -15px !important;
}

.goods-row.row > * {
    padding-right: 0;
}

#addNewAddress .simple-view-active .fade:not(.show) {
    opacity: 1 !important;
}

#addNewPurchase .simple-view-active .fade:not(.show) {
    opacity: 1 !important;
}

#addNewAddress .simple-view-active .tab-content > .tab-pane {
    display: initial !important;
}

#addNewPurchase .simple-view-active .tab-content > .tab-pane {
    display: initial !important;
}

#addNewAddress .simple-view-active #row_static {
	margin: 60px -8px 0px;
	padding-left: 5px;
}

#addNewPurchase .simple-view-active #row_static {
	margin: 60px -8px 0px;
	padding-left: 5px;
}

#addNewAddress .simple-view-active .goods-row {
	margin: 0px -8px 0px;
	padding-left: 5px;
}

#addNewPurchase .simple-view-active .goods-row {
	margin: 0px -8px 0px;
	padding-left: 5px;
}

#addNewAddress .simple-view-active #addRowButton {
	margin-left: 1px !important;
}

#addNewPurchase .simple-view-active #addRowButton {
	margin-left: 1px !important;
}

@media (min-width: 768px) {
    .dynamic-label {
        display: none;
    }
}

@media (max-width: 768px) {
	#addNewAddress > div > div > div > div.col-xl-12 > div > div.card-header > ul.nav {
    --bs-nav-link-padding-x: 0.4rem !important;
    }
    
    #addNewPurchase > div > div > div > div.col-xl-12 > div > div.card-header > ul.nav {
    --bs-nav-link-padding-x: 0.4rem !important;
    }
    
    .mobile-hidden {
        display: none !important;
    }
}

@media (max-width: 576px) { /* Adjusts for mobile screens */
    .buttons-delete-group {
      display: flex;
      justify-content: center; /* Center buttons horizontally */
      flex-wrap: nowrap; /* Prevent wrapping */
    }
    .buttons-delete-group .btn {
      flex: 0 auto; /* Allow buttons to maintain width without stretching */
    }
}

#customForm > fieldset.name > div.DTE_Field.form-group.row.DTE_Field_Type_text.DTE_Field_Name_deres_ref {
    padding-bottom: 2.4em;
}

#butikSelect option.highlight {
    background-color: #d3d3d3; /* Lys grå baggrund */
    color: black;
}

#customForm #butikSelect.form-control {
    font-size: 0.9375rem; /* Match the font size with other inputs */
    font-family: inherit; /* Ensure the font family is the same as other form elements */
    color: inherit; /* Make text color consistent */
    padding: 0.422rem 2.45rem 0.422rem 0.875rem !important;
    overflow-y: auto; /* Allow vertical scrolling */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}

/* For WebKit browsers (Chrome, Safari) */
#customForm #butikSelect.form-control::-webkit-scrollbar {
    display: none; /* Hide scrollbar */
}

#customForm fieldset.kundeoplysninger {
    flex: 0 50%;
}

#customForm > fieldset.name > div.DTE_Field.form-group.row.DTE_Field_Type_text.DTE_Field_Name_kontakt_person_email {
    padding-bottom: 2.4em;
}

.retur-hide label {
    display: none;
}

#modtagButton {
    position: absolute;
    top: 40px; /* Juster for vertikal afstand fra toppen */
    right: 20px; /* Juster for horisontal afstand fra højre */
    z-index: 10;
}

#startRepairButton {
    position: absolute;
    top: 40px; /* Juster for vertikal afstand fra toppen */
    right: 216px; /* Juster for horisontal afstand fra højre */
    z-index: 10;
}

#finishRepairButton {
    position: absolute;
    top: 40px; /* Juster for vertikal afstand fra toppen */
    right: 20px; /* Juster for horisontal afstand fra højre */
    z-index: 10;
}

/* Hide the 'Modtag på lager' button in create mode */
.DTE_Action_Create #modtagButton {
    visibility: hidden !important;
}

.DTE_Action_Create #startRepairButton {
    visibility: hidden !important;
}

.DTE_Action_Create #finishRepairButton {
    visibility: hidden !important;
}

.pct-icon {
    min-width: 65px;
}

.shop-filter.active {
    outline: 2px solid #7367f0;
    outline-offset: 2px;
}
  
.shop-filter {
    transition: all 0.2s ease;
}
  
.shop-filter:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* CSS for Quill editors in service-repair-quill */
.service-repair-quill {
    margin-bottom: 30px;
}

.service-repair-quill .ql-container {
    min-height: 150px;
}

.service-repair-quill .editor {
    min-height: 120px;
}

/* Styling for scrollbars - kun synlige ved hover */
.sidebar-body {
height: calc(100vh - 120px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}

.sidebar-body:hover {
scrollbar-color: rgba(105, 108, 255, 0.16) transparent;
}

.chat-contact-list {
max-height: 40vh;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}

.chat-contact-list:hover {
scrollbar-color: rgba(105, 108, 255, 0.16) transparent;
}

/* For Webkit browsers (Chrome, Safari) */
.sidebar-body::-webkit-scrollbar,
.chat-contact-list::-webkit-scrollbar {
width: 6px;
}

.sidebar-body::-webkit-scrollbar-track,
.chat-contact-list::-webkit-scrollbar-track {
background: transparent;
}

.sidebar-body::-webkit-scrollbar-thumb,
.chat-contact-list::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 10px;
}

.sidebar-body:hover::-webkit-scrollbar-thumb,
.chat-contact-list:hover::-webkit-scrollbar-thumb {
background-color: rgba(105, 108, 255, 0.16);
}

/* Online status indikator */
.online-status-indicator {
position: absolute;
top: 10px;
right: 10px;
font-size: 0.7rem;
padding: 2px 6px;
border-radius: 10px;
background-color: rgba(105, 108, 255, 0.1);
color: #696cff;
opacity: 0;
transition: opacity 0.3s ease;
}

.online-status-indicator.visible {
opacity: 1;
}

/* Pulserende effekt for online avatar */
.avatar-online::before {
animation: pulse 2s infinite;
}

@keyframes pulse {
0% {
    box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.4);
}
70% {
    box-shadow: 0 0 0 5px rgba(40, 199, 111, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(40, 199, 111, 0);
}
}

/* Styling for scrollbars - kun synlige ved hover */
.sidebar-body {
height: calc(100vh - 120px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}

.sidebar-body:hover {
scrollbar-color: rgba(105, 108, 255, 0.16) transparent;
}

.chat-contact-list {
max-height: 40vh;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}

.chat-contact-list:hover {
scrollbar-color: rgba(105, 108, 255, 0.16) transparent;
}

/* For Webkit browsers (Chrome, Safari) */
.sidebar-body::-webkit-scrollbar,
.chat-contact-list::-webkit-scrollbar {
width: 6px;
}

.sidebar-body::-webkit-scrollbar-track,
.chat-contact-list::-webkit-scrollbar-track {
background: transparent;
}

.sidebar-body::-webkit-scrollbar-thumb,
.chat-contact-list::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 10px;
}

.sidebar-body:hover::-webkit-scrollbar-thumb,
.chat-contact-list:hover::-webkit-scrollbar-thumb {
background-color: rgba(105, 108, 255, 0.16);
}

/* Mobilvenlig Quill toolbar for service-repairs */
@media (max-width: 767px) {
    /* Gør billede-ikonet større på mobil - specifikt for service-repair */
    .service-repair-quill .ql-toolbar.ql-snow .ql-formats {
        display: flex;
        justify-content: center;
    }
    
    .service-repair-quill .ql-toolbar.ql-snow .ql-formats button.ql-image {
        transform: scale(2);
        margin: 10px;
    }
    
    /* Centrer toolbar på mobil */
    .service-repair-quill .ql-toolbar.ql-snow {
        text-align: center;
        padding: 15px 0;
    }
    
    /* Gør editor højere på mobil for lettere touch */
    .service-repair-quill .editor {
        min-height: 180px;
    }
}

/* Mobilvenlig  */
@media (max-width: 767px) {
    #startRepairButton, #finishRepairButton {
        position: static;
        float: none !important;
        display: inline-block !important;
        margin: 5px !important;
        width: calc(50% - 10px);
        text-align: center;
    }
    
    .DTE_Header {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 15px;
    }
    
    #startRepairButton i, #finishRepairButton i {
        display: none; /* Skjul ikoner på mobil for at spare plads */
    }

    .content-footer {
        display: none !important;
    }

    html.chat-active, 
    html.chat-active body {
      height: 100%;
      overflow: hidden;
      position: fixed;
      width: 100%;
    }
    
    .app-chat {
      height: 100vh;
      max-height: 100vh;
      overflow: hidden;
    }
    
    .chat-history-body {
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch;
    }
    
}

.creditscore-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    background-color: #eee;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  }
  
  .creditscore-circle::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(var(--score-color) var(--score-percent), transparent 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #fff 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #fff 0);
  }
  
  /* Styling for kreditscore-kolonne */
  #table-kardotek-kunder td:nth-child(13) {
    width: 40px !important;
    max-width: 40px !important;
    text-align: center;
  }
  
  .score-red {
    --score-color: #F44336;
    color: #fff;
    background-color: rgba(244, 67, 54, 0.1);
  }
  
  .score-yellow {
    --score-color: #FFC107;
    color: #212121;
    background-color: rgba(255, 193, 7, 0.1);
  }
  
  .score-light-green {
    --score-color: #8BC34A;
    color: #fff;
    background-color: rgba(139, 195, 74, 0.1);
  }
  
  .score-green {
    --score-color: #4CAF50;
    color: #fff;
    background-color: rgba(76, 175, 80, 0.1);
  }
  
  /* Hover effekt til cirklen */
  .creditscore-circle:hover {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
  }
  
  .creditscore-tooltip {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 250px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
    display: none;
    left: 50px;
    top: 0;
  }
  
  .creditscore-circle:hover .creditscore-tooltip {
    display: block;
  }
  
  /* Nulstil værdierne for tooltip indhold så vi ikke får cirkler der */
  .creditscore-tooltip * {
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    --score-percent: 0 !important;
    width: auto !important;
    height: auto !important;
    position: static !important; 
  }
  
  /* Undtagelse for tooltip containeren selv */
  .creditscore-tooltip {
    position: absolute !important;
    width: 300px !important;
  }
  
  /* Overskrid tooltip styling for at sikre korrekt visning */
  .tooltip-row {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12px !important;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
  }
  
  .tooltip-label {
    font-weight: bold !important;
    color: #666 !important;
    margin-right: 10px !important;
    flex: 0 0 auto !important;
  }
  
  .tooltip-value {
    color: #333 !important;
    text-align: right !important;
    word-break: break-word !important;
  }
  
  /* Fjern streg efter sidste række */
  .tooltip-row:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }
  
  .no-score {
    --score-color: #9E9E9E;
    color: #757575;
    background-color: #e0e0e0;
  }
  
  /* Centreret cirkel med score */
  .creditscore-circle span {
    position: relative;
    z-index: 1;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--inner-bg-color, transparent);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    font-size: 0.7rem;
  }
  
  /* Indre baggrunde for forskellige scores */
  .score-red span {
    --inner-bg-color: rgba(244, 67, 54, 0.15);
  }
  
  .score-yellow span {
    --inner-bg-color: rgba(255, 193, 7, 0.15);
  }
  
  .score-light-green span {
    --inner-bg-color: rgba(139, 195, 74, 0.15);
  }
  
  .score-green span {
    --inner-bg-color: rgba(76, 175, 80, 0.15);
  }

  .credit-score-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    color: white;
    background: conic-gradient(var(--circle-color) var(--score-percent, 0%), #e9ecef var(--score-percent, 0%));
  }
  
  .credit-score-circle.score-green {
    --circle-color: #28c76f;
  }
  
  .credit-score-circle.score-light-green {
    --circle-color: #86df94;
  }
  
  .credit-score-circle.score-yellow {
    --circle-color: #ffab00;
  }
  
  .credit-score-circle.score-red {
    --circle-color: #ea5455;
  }
  
  .credit-score-circle.no-score {
    --circle-color: #b2b2b2;
  }
  
  .credit-score-circle::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: white;
    z-index: 1;
  }
  
  .credit-score-circle span {
    position: relative;
    z-index: 2;
    color: #333;
  }
  
  .financial-card {
    transition: all 0.25s ease;
  }
  
  .financial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  
  .timeline-item-transparent {
    position: relative;
    padding-left: 1.5rem;
    border-left: 1px solid #eee;
  }
  
  .timeline-point {
    position: absolute;
    left: -5px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  
  .timeline-point-success {
    background-color: #28c76f;
  }
  
  .timeline-point-warning {
    background-color: #ffab00;
  }
  
  .timeline-point-danger {
    background-color: #ea5455;
  }
  .company-name {
    font-size: 1.3rem;
    padding-bottom: 5px;
  }

#editOrderModal .simple-view-active .fade:not(.show) {
    opacity: 1 !important;
}

#editOrderModal .simple-view-active .tab-content > .tab-pane {
    display: initial !important;
}

#editOrderModal .simple-view-active #edit_row_static {
	margin: 60px -8px 0px;
	padding-left: 5px;
}

#editOrderModal .simple-view-active .goods-row {
	margin: 0px -8px 0px;
	padding-left: 5px;
}

#editOrderModal .simple-view-active #editAddRowButton {
	margin-left: 1px !important;
}

/* Tilsvarende regler for indkøbsmodalen */
#editPurchaseModal .simple-view-active .fade:not(.show) {
    opacity: 1 !important;
}

#editPurchaseModal .simple-view-active .tab-content > .tab-pane {
    display: initial !important;
}

#editPurchaseModal .simple-view-active #edit_row_static_purchase {
	margin: 60px -8px 0px;
	padding-left: 5px;
}

#editPurchaseModal .simple-view-active .goods-row {
	margin: 0px -8px 0px;
	padding-left: 5px;
}

#editPurchaseModal .simple-view-active #editAddRowButton_purchase {
	margin-left: 1px !important;
}

/* Fix for DataTables dropdown actions - vises ovenpå i stedet for at blive beskåret */
/* Kun påvirker dropdown-menuer i DataTables, ikke containeren selv */
table.dataTable .dropdown-menu {
    z-index: 9999 !important;
}

/* Sikrer at Bootstrap's positionering fungerer korrekt */
table.dataTable .dropdown.show .dropdown-menu {
    display: block;
}

/* Mobil optimering til dropdown-menuer i DataTables */
@media (max-width: 767px) {
    table.dataTable .dropdown-menu {
        /* Lad Bootstrap håndtere positionen, men gør den større og nemmere at klikke */
        min-width: 200px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,.3) !important;
    }
    
    table.dataTable .dropdown-menu .dropdown-item {
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
    }
    
    /* Skjul "Udskriv Faktura" knap på mobil (print virker ikke ordentligt på mobil) */
    .invoice-print-item {
        display: none !important;
    }
}