body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
    padding-bottom: 100px;
}

.gr-soq-option{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:56px;
}

.gr-soq-option img{
    height:48px;
    width:auto;
    max-width:80px;
    object-fit:contain;
    vertical-align:middle;
}

.gr-soq-option-text{
    display:inline-block;
    line-height:1.2;
}

.select2-results__option .gr-soq-option{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
}

.select2-results__option .gr-soq-option img{
    height:48px;
    width:auto;
    max-width:80px;
    object-fit:contain;
    vertical-align:middle;
}

.select2-container--default .select2-selection--single{
    min-height:56px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    min-height:56px;
    line-height:56px;
    padding-right:28px !important;
    display:flex !important;
    align-items:center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:56px;
}

/* Select2 Multi */
/* Select2 Multi / Single */
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background: #111 !important;
    border: 1px solid #444 !important;
    color: #fff !important;
    box-sizing: border-box;
}

/* Inre element ska inte måla egen bakgrund */
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-search--inline .select2-search__field {
    background: transparent !important;
    color: #fff !important;
}

/* Single-höjd */
.select2-container--default .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

/* Valda taggar */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 6px;
    border-right: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ff8080 !important;
    background: transparent !important;
}

/* Dropdown */
.select2-dropdown {
    background: #111 !important;
    border: 1px solid #444 !important;
}

.select2-results,
.select2-results__options {
    background: #111 !important;
}

/* Vanliga rader */
.select2-container--default .select2-results__option {
    background: #111 !important;
    color: #fff !important;
}

/* Hover */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #222 !important;
    color: #fff !important;
}

/* Redan valda rader: statisk markering utan indrag */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #1a1a1a !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 #fff;
}

/* Sökfält i dropdown */
.select2-search--dropdown .select2-search__field {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}


table.dataTable tbody tr.selected>* {
    /* box-shadow: none!important; */
    color: rgb(0, 0, 0)!important;
    /* background-color: #a7e0ff!important; */
    box-shadow: inset 0 0 0 9999px rgb(150, 214, 252,0.5)!important;
    /* box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.1)!important; */
}

table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
    /* box-shadow: none!important; */
    /* box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023); */
    box-shadow: inset 0 0 0 9999px rgb(150, 214, 252,0.6)!important;
    /* box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.2) !important; */
  }

div.DTE_Field input, div.DTE_Field textarea {

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    /*box-sizing: border-box;*/
    background-color: #ffffff;
    /*-webkit-transition: background-color ease-in-out .15s;*/
    /*transition: background-color ease-in-out .15s;*/
}


/* div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
    width: 100%!important;
} */

/* div.DTED_Lightbox_Wrapper {
    margin-left: -490px;
    width: 980px;
} */
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition {
    background: var(--bg);
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value {
    background: var(--bg);
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
    background: var(--bg);
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont select, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input {
    background: var(--bg);
}


div.DTE_Field select {
    padding: 5px 4px;
    border-radius: 3px;
    border: 1px solid #aaa;
    background: var(--text-input);
    max-width: 100%;
    color: black;
}

div.DTED_Lightbox_Wrapper {
    left: 5%!important;
    right: 5%!important;
    margin-left: 0!important;
    width: auto!important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
    float: left;
    width: 100%!important;
    padding-top: 6px;
}


/* body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
    padding-bottom: 100px!important;
} */

div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {

    width:100%!important;
}



#DTE_Field_Name_file_setting.id_file_setting {
    width: 500px!important;
  }

input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold!important;
    color: #17a1ae!important;
}

button {
    font-size: 0.88em;
}

/* Default: aldrig spacing efter ikon */
button.dt-button::before{
  margin-right: 0;
}

/* DataTables: spacing bara när span har text */
button.dt-button:has(> span:not(:empty))::before{
  margin-right: var(--button-icon-margin-right);
}

/* Editor (DTE) form buttons: de har ofta ingen span -> spacing bara då */
.DTE_Form_Buttons button::before{
  margin-right: 0;
}

.DTE_Form_Buttons button:not(:has(> span)):not(:empty)::before{
  margin-right: var(--button-icon-margin-right);
}

.DTE_Form_Buttons button{
    box-shadow:none!important;
}

div.dt-button-collection span.dtsr-emptyStates {
    color: var(--bg) !important;
}


.dt-button-create-state {
    color: var(--bg) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none !important;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    margin-left: 16px;
}

/* Ikon: plus-circle */
.dt-button-create-state::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f055"; /* plus-circle */
    margin-right: var(--button-icon-margin-right);
    
    color: inherit;
}

.dt-button-spacer {
    pointer-events: none;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 24px; /* Justera bredden = mellanrum */
    padding: 0 !important;
    margin: 0 6px;
}


.dt-button-saved-states {
    color: #fff !important;
    background-color: #007bff !important; /* blå */
    border-color: #007bff !important;
    background-image: none !important;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
}

/* Ikon: folder-open */
.dt-button-saved-states::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07c"; /* folder-open */
    margin-right: var(--button-icon-margin-right);
    color: inherit;
}


.dt-button-remove{
    opacity: 0.8;
    color: #fff!important;
    background-color: red!important;
    border-color: red!important;
    background-image: none!important;
}
.dt-button-remove:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1f8";color:inherit;
}

.dt-button-remove-soft {
    opacity: 0.8;
    color: #fff!important;
    background-color: red!important;
    border-color: red!important;
    background-image: none!important;
}
.dt-button-remove-soft:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1f8";color:inherit;
}

.dt-button-remove-hard {
    opacity: 0.8;
    color: #fff!important;
    background-color: red!important;
    border-color: red!important;
    background-image: none!important;
}
.dt-button-remove-hard:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1f8";color:inherit;
}

.dt-button-create {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}

.dt-button-create:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067";color:inherit;
}

.dt-button-create-auto,
.dt-button-create-po-auto {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}

.dt-button-create-auto:before,
.dt-button-create-po-auto:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    color: inherit;
}

.dt-button-duplicate {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}
.dt-button-duplicate:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c5"; color:inherit;
}

.dt-button-cancel {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}
.dt-button-cancel:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f410"; color:inherit;
}

.dt-button-copy {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}
.dt-button-copy:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c5"; color:inherit;
}

.dt-button-accept-contract {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}
.dt-button-accept-contract:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044";color:inherit;
}

.dt-button-edit {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}
.dt-button-edit:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044"; color:inherit;
}

.dt-button-open {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important; /* grön */
    border-color: var(--ok) !important;
    background-image: none!important;
}
.dt-button-open:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07c"; color:inherit;
}

.dt-button-run {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}
.dt-button-run:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f04b"; color:inherit;
}

.dt-button-pdf {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #e0611d!important;
    border-color: #e0611d!important;
    background-image: none!important;
}
.dt-button-pdf:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1c1"; color:inherit;
}


.dt-button-save {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}
.dt-button-save:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c7";color:inherit;
}


.dt-button-save-and-return {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}

.dt-button-save-and-return:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a8"; color:inherit;
}

/* Save button in Editor (edit-mode) */
.DTE.DTE_Action_Edit .DTE_Form_Buttons button.dt-button-save{
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none !important;
}


.dt-button-view {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}
.dt-button-view:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06e"; color:inherit;
}

.dt-button-settings {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}
.dt-button-settings:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f013"; color:inherit;
}

.dt-button-print {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #e0611d!important;
    border-color: #e0611d!important;
    background-image: none!important;
}
.dt-button-print:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02f"; color:inherit;
}

.dt-button-customer-view {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}
.dt-button-customer-view:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06e"; color:inherit;
}

.dt-button-csv-export {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #e0611d!important;
    border-color: #007bff!important;
    background-image: none!important;
}

.dt-button-csv-export:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f56e"; color:inherit;
}

.dt-button-export {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #e0611d!important;
    border-color: #007bff!important;
    background-image: none!important;
}

.dt-button-export:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f56e"; color:inherit;
}

.dt-button-csv-import {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #e0611d!important;
    border-color: #007bff!important;
    background-image: none!important;
}

.dt-button-csv-import:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f56f";color:inherit;
}

.dt-button-import {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #e0611d!important;
    border-color: #007bff!important;
    background-image: none!important;
}

.dt-button-import:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f56f"; color:inherit;
}



.dt-button-select-all {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}

.dt-button-select-all:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f14a"; color:inherit;
}

.dt-button-select-none {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}

.dt-button-select-none:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c8"; color:inherit;
}

.dt-button-browser-back {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color:rgb(85, 198, 94) !important;
    border-color: #525252!important;
    background-image: none!important;
}

.dt-button-browser-back:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a8";color:inherit;
}

.dt-button-help {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: #17A2B8!important;
    border-color: #17A2B8!important;
    background-image: none!important;
}

.dt-button-help:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f059"; color:inherit;
}

.dt-button-orange {
    opacity: 0.8;
    color: #fff!important;
    background-color: #e0611d!important;
    border-color: #e0611d!important;
    background-image: none!important;
}

.dt-button-red {
    opacity: 0.8;
    color: #fff!important;
    background-color: red!important;
    border-color: red!important;
    background-image: none!important;
}

.dt-button-green {
    opacity: 0.8;
    color: var(--button-text) !important;
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    background-image: none!important;
}

.dt-button-blue {
    opacity: 0.8;
    color: #fff!important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    background-image: none!important;
}

.dt-button-search-builder::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    color: inherit;
    margin-right: var(--button-icon-margin-right);
}

.dt-button-search-builder.gr-search-builder-has-filters {
    background-color: var(--ok) !important;
    border-color: var(--ok) !important;
    color: var(--button-text) !important;
}


.icon-move-up-down{
    color: #17a1ae!important;

}

.icon-edit{
    color: #17a1ae!important;

}

.table_title:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900;margin-right: var(--button-icon-margin-right); content: "\f002";
    color: #17a1ae;

}


.table_title {
    font-weight: 600;
    color: rgb(0, 0, 0);
    text-align: center;
}

div.dt-button-info {
    box-shadow: 15px 15px 26px rgba(0,0,0,0.8)!important;
}

div.dt-button-info h2{
    background-color: #17a1ae!important;
    color: #fff!important;

}

.dt-button-orange:hover,.dt-button-blue:hover,.dt-button-green:hover,.dt-button-red:hover,
.dt-button-save:hover,.dt-button-save-and-return:hover,.dt-button-cancel:hover,
.dt-button-copy:hover,.dt-button-edit:hover,.dt-button-remove:hover,.dt-button-select-none:hover,
.dt-button-import:hover,.dt-button-export:hover,.dt-button-open:hover,.dt-button-run:hover,.dt-button-customer-view:hover,
.dt-button-create:hover,.dt-button-create-auto:hover,.dt-button-select-all:hover,.dt-button-duplicate:hover,
.dt-button.dt-button-browser-back:hover,.dt-button.dt-button-view:hover,.dt-button.dt-button-settings:hover,.dt-button.dt-button-print:hover,
.dt-button.dt-button-pdf:hover,.dt-button.dt-button-accept-contract:hover
{
    opacity: 1
}

button.dt-button-blue.disabled, div.dt-button-blue.disabled, a.dt-button-blue.disabled,
button.dt-button-green.disabled, div.dt-button-green.disabled, a.dt-button-green.disabled,
button.dt-button-orange.disabled, div.dt-button-orange.disabled, a.dt-button-orange.disabled,
button.dt-button-red.disabled, div.dt-button-red.disabled, a.dt-button-red.disabled,
button.dt-button-remove.disabled, div.dt-button-remove.disabled, a.dt-button-remove.disabled,
button.dt-button-create.disabled, div.dt-button-create.disabled, a.dt-button-create.disabled,
button.dt-button-create-auto.disabled, div.dt-button-create-auto.disabled, a.dt-button-create-auto.disabled,
button.dt-button-save.disabled, div.dt-button-save.disabled, a.dt-button-save.disabled,
button.dt-button-save-and-return.disabled, div.dt-button-save-and-return.disabled, a.dt-button-save-and-return.disabled,
button.dt-button-edit.disabled, div.dt-button-edit.disabled, a.dt-button-edit.disabled,
button.dt-button-copy.disabled, div.dt-button-copy.disabled, a.dt-button-copy.disabled,
button.dt-button-import.disabled, div.dt-button-import.disabled, a.dt-button-import.disabled,
button.dt-button-export.disabled, div.dt-button-export.disabled, a.dt-button-export.disabled,
button.dt-button-cancel.disabled, div.dt-button-cancel.disabled, a.dt-button-cancel.disabled,
button.dt-button-select-all.disabled, div.dt-button-select-all.disabled, a.dt-button-select-all.disabled,
button.dt-button-select-none.disabled, div.dt-button-select-none.disabled, a.dt-button-select-none.disabled,
button.dt-button-open.disabled, div.dt-button-open.disabled, a.dt-button-open.disabled,
button.dt-button-run.disabled, div.dt-button-run.disabled, a.dt-button-run.disabled,
button.dt-button-customer-view.disabled, div.dt-button-customer-view.disabled, a.dt-button-customer-view.disabled,
button.dt-button-duplicate.disabled,div.dt-button-duplicate.disabled,a.dt-button-duplicate.disabled,
button.dt-button-browser-back.disabled,div.dt-button-browser-back.disabled,a.dt-button-browser-back.disabled,
button.dt-button-browser-view.disabled,div.dt-button-browser-view.disabled,a.dt-button-browser-view.disabled,
button.dt-button-settings.disabled,div.dt-button-settings.disabled,a.dt-button-settings.disabled,
button.dt-button-print.disabled,div.dt-button-print.disabled,a.dt-button-print.disabled,
button.dt-button-pdf.disabled,div.dt-button-pdf.disabled,a.dt-button-pdf.disabled,
button.dt-button-accept-contract.disabled,div.dt-button-accept-contract.disabled,a.dt-button-accept-contract.disabled
 {
    color: #999!important;
    background-color: #f9f9f9!important;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');

}

td.details-control::before {
/*    background: url('../img/details_open.png') no-repeat center center;*/
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0fe";
    color: #17a1ae;
    cursor: pointer;
}
tr.details td.details-control::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146";
      color: #17a1ae;
/*    background: url('../img/details_close.png') no-repeat center center; */
}

.dt-body-nowrap {
    white-space: nowrap!important;
 }


/* RowGroup */

table.dataTable tr.dtrg-group.dtrg-start.dtrg-level-0 th {
    background-color: #232627!important;
    color: #ffffff!important;
    font-weight: 400!important;
}
table.dataTable tr.dtrg-group.dtrg-start.dtrg-level-1 th {
    background-color: #226fae!important;
    color: #ffffff!important;
    font-weight: 400!important;
}

table.dataTable  tr.dtrg-group.dtrg-end.dtrg-level-1 th {
    background-color: #d6d6d6!important;
    
    color: #000!important;
    font-weight: 400!important;
}

table.dataTable  tr.dtrg-group.dtrg-end.dtrg-level-0 th {
    
    background-color: #c0c0c0!important;
    color: #000000!important;
    font-weight: 600!important;
}



/* Details open */

table.dataTable.dtr-column>tbody>tr>td.dtr-control:before, table.dataTable.dtr-column>tbody>tr>th.dtr-control:before, table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 50%;
    height: 0em;
    width: 0em;
    padding-right: 10px;
    margin-top: -9px;
    border: 0px!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 1em;
    background-color: #fff!important;
    font-family: "Font Awesome 5 Free"!important; font-weight: 900!important; content: "\f0fe"!important;
    color: #17a1ae!important;
    cursor:pointer;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    height: 0em;
    width: 0em;
    padding-right: 10px;
    margin-top: -9px;
    border: 0px!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 1em;
    background-color: #fff!important;
    font-family: "Font Awesome 5 Free"!important; font-weight: 900!important; content: "\f0fe"!important;
    color: #17a1ae!important;
    cursor:pointer;
}

/* Details close */


table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    font-family: "Font Awesome 5 Free"!important; font-weight: 900!important; content: "\f146"!important;
    height: 0em;
    width: 0em;
    padding-right: 10px;
    color: #17a1ae!important;
    background-color: #fff!important;
}


input[type="search" i] {
    border-color:#e0611d!important;
    border-style:solid;
    border-width:1px;
}

input[type="search" i]:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146";
}


div.dataTables_filter input:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146";

}



#drivingLogEditForm fieldset legend,#purchaseOrderListEditForm fieldset legend, #psProductEditForm fieldset legend{
    padding: 5px 20px;
    /*border: 1px solid #17a1ae;*/
    border-bottom-color: rgb(85, 198, 94);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: normal;
    background: #17a1ae;
    color: white;
}

#quoteListEditForm,#purchaseOrderListEditForm,#contractListEditForm {
    display: flex;
    flex-flow: row wrap;
}

#quoteListEditForm fieldset,#purchaseOrderListEditForm fieldset,#contractListEditForm fieldset{
    flex: 1;
    border: 1px solid #17a1ae;
    margin: 0.5em;
}
 
#quoteListEditForm fieldset legend,#purchaseOrderListEditForm fieldset legend,#contractListEditForm fieldset legend{
    padding: 5px 20px;
    /*border: 1px solid #17a1ae;*/
    border-bottom-color: rgb(85, 198, 94);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    
    font-weight: normal;
}

#quoteListEditForm .legend-sub,#purchaseOrderListEditForm .legend-sub{
    padding: 5px 0px;
    /*border: 1px solid #17a1ae;*/
    border-bottom-color: rgb(85, 198, 94);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: normal;
    
    color: #17a1ae;
}



#quoteListEditForm fieldset.name,#purchaseOrderListEditForm fieldset.name,#contractListEditForm fieldset.name {
    flex: 1;
}

#quoteListEditForm fieldset.our_reference,#purchaseOrderListEditForm fieldset.our_reference,#contractListEditForm fieldset.our_reference {
    flex: 1;
}

#quoteListEditForm fieldset.settings,#purchaseOrderListEditForm fieldset.settings,#contractListEditForm fieldset.settings {
    flex: 1;
}
 
#quoteListEditForm fieldset.name legend,#purchaseOrderListEditForm fieldset.name legend,#contractListEditForm fieldset.name legend {
    background: #17a1ae;
    color: white;
}

#quoteListEditForm fieldset.settings legend,#purchaseOrderListEditForm fieldset.settings legend, #contractListEditForm fieldset.settings legend {
    background: #17a1ae;
    color: white;
}

#quoteListEditForm fieldset.currency legend,#purchaseOrderListEditForm fieldset.currency legend,#contractListEditForm fieldset.currency legend {
    background: #17a1ae;
    color: white;
}
 

#quoteListEditForm fieldset.address legend,#purchaseOrderListEditForm fieldset.address legend,#contractListEditForm fieldset.address legend {
    background: #17a1ae;
    color: white;
}

#quoteListEditForm fieldset.our_reference legend,#purchaseOrderListEditForm fieldset.our_reference legend,#contractListEditForm fieldset.our_reference legend{
    background: #17a1ae;
    color: white;
}


#quoteListEditForm fieldset.address_delivery legend,#purchaseOrderListEditForm fieldset.address_delivery legend,#contractListEditForm fieldset.address_delivery legend {
    background: #17a1ae;
    color: white;
}
 
#quoteListEditForm div.DTE_Field,#purchaseOrderListEditForm div.DTE_Field,#contractListEditForm div.DTE_Field, #psProductEditForm div.DTE_Field,#drivingLogEditForm div.DTE_Field {
    padding: 5px;
}

table.dataTable td.reorder {
    width:1px;
}

/* === SearchBuilder Buttons – Platt stil anpassad för EVX === */

div.dtsb-searchBuilder button {
    background-image: none !important;
}

div.dtsb-searchBuilder button {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    color: #333;
    padding: 6px 12px;
    font-size: 0.88em;
    border-radius: 4px;
    margin: 2px;
    box-shadow: none;
    text-shadow: none;
    transition: none;
    font-family: inherit;
    cursor: pointer;
}

div.dtsb-searchBuilder button:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
}

/* Sök-knapp */
div.dtsb-searchBuilder button.dtsb-search {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

div.dtsb-searchBuilder button.dtsb-search:hover {
    background-color: #24963d;
    border-color: #24963d;
}

/* Rensa alla filter */
div.dtsb-searchBuilder button.dtsb-clearAll {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

div.dtsb-searchBuilder button.dtsb-clearAll:hover {
    background-color: #c9302c;
    border-color: #c9302c;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

/* Lägg till villkor */
div.dtsb-searchBuilder button.dtsb-add {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

div.dtsb-searchBuilder button.dtsb-add:hover {
    background-color: #0069d9;
    border-color: #0069d9;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

/* Ta bort enskilt filter (villkor) */
div.dtsb-searchBuilder button.dtsb-delete {
    background-color: #3da7c7;
    color: #fff;
    border: 1px solid #d9534f;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

div.dtsb-searchBuilder button.dtsb-delete:hover {
    background-color: #c9302c;
    border-color: #c9302c;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

/* Dropdowns i SearchBuilder */
div.dtsb-searchBuilder select {
    padding: 5px;
    font-size: 0.88em;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

/* Inputfält i SearchBuilder */
div.dtsb-searchBuilder input {
    padding: 5px;
    font-size: 0.88em;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    box-shadow: none;
    text-shadow: none;
    transition: none;
}

/* Sök-knapp: Förstoringsglas */
div.dtsb-searchBuilder button.dtsb-search::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002"; /* fa-search */
    margin-right: var(--button-icon-margin-right);
    
}

/* Rensa-knapp: Papperskorg */
div.dtsb-searchBuilder button.dtsb-clearAll::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1f8"; /* fa-trash */
    margin-right: var(--button-icon-margin-right);
}

/* Lägg till villkor: Plus */
div.dtsb-searchBuilder button.dtsb-add::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067"; /* fa-plus */
    margin-right: var(--button-icon-margin-right);
}

/* Ta bort filter: Minus eller papperskorg */
div.dtsb-searchBuilder button.dtsb-delete::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1f8"; /* fa-trash */
    margin-right: var(--button-icon-margin-right);
}

.DTE_Field, .DTE_Field_Type_select {
    background-color: var(--bg);
    color:#17a1ae;
  }

 

  .DTE_Header{
    background-color:#17a1ae!important;
    color:#ffffff!important;
  }

  .DTE_Header_Content {
    background-color:#17a1ae;
    color:#ffffff!important;
  }



  .DTE_Body {
    /* background-color: #17a1ae;  */
    color:var(--bg);
  }

 .DTE_Form_Content{
    background-color: var(--bg);
    color:#17a1ae;
  }

  div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active{
    color:var(--text) !important;
  }

  /* Keep everything inside lightbox */
.DTED_Lightbox_Wrapper .DTED_Lightbox_Content_Wrapper {
    overflow: hidden !important;
}

/* Only body scrolls */
.DTED_Lightbox_Wrapper .DTE_Body_Content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

  /* Hover state */
.DTE_Field:hover, .DTE_Field_Type_select:hover {
    background-color: black !important; /* Background color on hover */
    
  }

  .DTE_Footer{
    background-color: rgb(21, 21, 21) !important; /* Background color on hover */
    
  }


  /* Ensure the table has borders for cells */
table.dataTable tbody td {
    border-bottom: 1px solid rgb(49, 49, 49) !important; /* Add border between rows */
  }

  
  /* Optional: Style the header row for all DataTables */
  table.dataTable thead th {
    border-bottom: 2px solid rgb(92, 92, 92) !important; /* Header separator */
  }


  html body table.dataTable tr.dtrg-group.dtrg-end.dtrg-level-0 th {
    background-color: var(--bg) !important;
    color:var(--text);
}

  div.dt-datetime div.dt-datetime-label select {
    color:var(--text);
    background-color: var(--bg) !important;
  }

  div.dt-datetime{
        color:var(--text);
    background-color: var(--bg) !important;
  }



@media only screen and (max-width: 780px) {
    body div.DTED_Lightbox_Wrapper {
        position:fixed!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        margin-left: 0!important
    }

    body div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Close {
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 768px) {
    div.DTE_Body div.DTE_Body_Content div.DTE_Field {
        padding:5px 10%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
        padding: 5px 0 5px 10%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label {
        width: 35.5%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input {
        width: 64.5%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input {
        width: 100%!important
    }
}

@media only screen and (max-width: 640px) {
    div.DTE_Body div.DTE_Body_Content div.DTE_Field {
        padding:5px 0!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
        padding: 5px 0%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label {
        width: 40%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input {
        width: 60%!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input {
        width: 100%!important
    }
}

@media only screen and (max-width: 580px) {
    div.DTE_Body div.DTE_Body_Content div.DTE_Field {
        position:relative!important;
        clear: both!important;
        padding: 5px 0!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
        float: none!important;
        width: auto!important;
        padding-top: 0!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input {
        float: none!important;
        width: auto!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
        padding: 5px 0!important
    }

    div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label,div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>label,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input {
        width: 100%!important
    }
}