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;
}


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; */
  }

/* Closed purchase orders keep normal cell alignment and yellow selection colors. */
table.dataTable > tbody > tr.assignment-purchase-order-closed > *,
table.dataTable.display > tbody > tr.assignment-purchase-order-closed:hover > *,
table.dataTable.hover > tbody > tr.assignment-purchase-order-closed:hover > * {
    background-color: #FFF294 !important;
    color: #000 !important;
    box-shadow: none !important;
}

table.dataTable > tbody > tr.assignment-purchase-order-closed.selected > *,
table.dataTable.display > tbody > tr.assignment-purchase-order-closed.selected:hover > *,
table.dataTable.hover > tbody > tr.assignment-purchase-order-closed.selected:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08) !important;
}

div.DTE_Field input, div.DTE_Field textarea {

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    /*box-sizing: border-box;*/
    /*background-color: green;*/
    /*-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.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: #0964B0!important;
}

/* Responsive details copy header icons into labels outside the original header cells. */
table.dataTable .dtr-title i {
    color: #0964B0;
}

button {
    font-size: 0.88em;
}

/* Reuse DataTables Buttons base sizing for standalone portal buttons too. */
button.dt-button,
a.dt-button,
div.dt-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0.5em 1em;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    line-height: 1.6em;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
    user-select: none;
    text-decoration: none;
    outline: none;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
}

div.dt-button-collection {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none!important;
}

div.dt-button-collection button.dt-button,
div.dt-button-collection a.dt-button,
div.dt-button-collection div.dt-button {
    border: 0!important;
    justify-content: flex-start;
    text-align: left;
}

button.dt-button:hover,
a.dt-button:hover,
div.dt-button:hover {
    text-decoration: none;
}

button.dt-button:hover:not(.disabled):not([disabled]):not([aria-disabled="true"]),
a.dt-button:hover:not(.disabled):not([disabled]):not([aria-disabled="true"]),
div.dt-button:hover:not(.disabled):not([disabled]):not([aria-disabled="true"]) {
    border: 1px solid #666;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
}

button.dt-button:focus:not(.disabled):not([disabled]):not([aria-disabled="true"]),
a.dt-button:focus:not(.disabled):not([disabled]):not([aria-disabled="true"]),
div.dt-button:focus:not(.disabled):not([disabled]):not([aria-disabled="true"]) {
    outline: 2px solid rgb(53, 132, 228);
}

button.dt-button:disabled,
button.dt-button.disabled,
a.dt-button.disabled,
div.dt-button.disabled,
button.dt-button[disabled],
a.dt-button[disabled],
div.dt-button[disabled],
button.dt-button[aria-disabled="true"],
a.dt-button[aria-disabled="true"],
div.dt-button[aria-disabled="true"] {
    cursor: default;
    opacity: 0.4;
}

html.dark button.dt-button,
html.dark a.dt-button,
html.dark div.dt-button {
    border: 1px solid rgb(89, 91, 94);
    background: rgba(255, 255, 255, 0.15);
}

html.dark button.dt-button:hover:not(.disabled):not([disabled]):not([aria-disabled="true"]),
html.dark a.dt-button:hover:not(.disabled):not([disabled]):not([aria-disabled="true"]),
html.dark div.dt-button:hover:not(.disabled):not([disabled]):not([aria-disabled="true"]) {
    background: rgba(179, 179, 179, 0.15);
}

html.dark button.dt-button:focus:not(.disabled):not([disabled]):not([aria-disabled="true"]),
html.dark a.dt-button:focus:not(.disabled):not([disabled]):not([aria-disabled="true"]),
html.dark div.dt-button:focus:not(.disabled):not([disabled]):not([aria-disabled="true"]) {
    outline: 2px solid rgb(110, 168, 254);
}

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

/* DataTables: spacing bara när span har text */
button.dt-button:has(> span:not(:empty))::before,
a.dt-button:has(> span:not(:empty))::before,
div.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:has(> span:not(:empty))::before,
.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;
}


.dt-button-create-state {
    color: #fff !important;
    background-color: #28a745 !important; /* grön */
    border-color: #28a745 !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 */
    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 */
    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-void {
    opacity: 0.8;
    color: #fff!important;
    background-color: #dc3545!important;
    border-color: #dc3545!important;
    background-image: none!important;
}

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

.dt-button-create {
    opacity: 0.8;
    color: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!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: #fff!important;
    background-color: #31af12!important;
    border-color: #28a745!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!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: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!important;
    background-image: none!important;
}
.dt-button-edit:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044"; color:inherit;
}

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

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

.dt-button-open,
.dt-button-external-link {
    opacity: 0.8;
    color: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
    background-image: none!important;
}
.dt-button-open:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07c"; color:inherit;
}

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

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

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

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

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

.dt-button-run {
    opacity: 0.8;
    color: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!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: #fff!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: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
    background-image: none!important;
}
.dt-button-save:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c7"; color:inherit;
}

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

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

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

/* Keep activity reopening aligned with the undo icon used in activity-card headers. */
.dt-button-reopen:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e2"; color:inherit;
}

/* Save button in Editor (edit-mode) */
.DTE.DTE_Action_Edit .DTE_Form_Buttons button.dt-button-save{
    opacity: 0.8;
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    background-image: none !important;
}
.DTE.DTE_Action_Edit .DTE_Form_Buttons button.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: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
    background-image: none!important;
}

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

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

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

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

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

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

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

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

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

/* Shared appearance for development-only actions. */
.dt-button-dev {
    opacity: 0.8;
    color: #fff!important;
    background-color: #7352a2!important;
    border-color: #7352a2!important;
    background-image: none!important;
}
.dt-button-dev:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c3"; color:inherit;
}

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

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

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

.dt-button-note {
    opacity: 1;
    color: #684b05!important;
    background-color: #f0cf72!important;
    border-color: #d9ad3e!important;
    background-image: none!important;
}
.dt-button-note:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f249"; color:inherit;
}

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

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

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

/* Expand/collapse modifiers reuse the owning DataTables button's existing color and shape. */
.dt-button-expand:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0fe";
    color: inherit;
}

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

.dt-button-show,
.dt-button-hide {
    opacity: 0.8;
    color: #fff!important;
    background-color: #0964B0!important;
    border-color: #0964B0!important;
    background-image: none!important;
}
.dt-button-show:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06e"; color:inherit;
}
.dt-button-hide:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f070"; color:inherit;
}

.dt-button-print {
    opacity: 0.8;
    color: #fff!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: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
    background-image: none!important;
}
.dt-button-customer-view:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; color:inherit;
}

.dt-button-csv-export {
    opacity: 0.8;
    color: #fff!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: #fff!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: #fff!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: #fff!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!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: #fff!important;
    background-color: #007bff!important;
    border-color: #007bff!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,
.dt-button-information,
.dt-button-details {
    opacity: 0.8;
    color: #fff!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-information:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a"; color:inherit;
}

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

/* Keep activity history aligned with the history icon used in activity-card headers. */
.dt-button-history:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1da"; 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-yellow {
    opacity: 0.8;
    color: #212529!important;
    background-color: #ffc107!important;
    border-color: #d39e00!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: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
    background-image: none!important;
}

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


.icon-move-up-down{
    color: #0964B0!important;

}

.icon-edit{
    color: #0964B0!important;

}

.table_title:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
    color: #0964b0;

}


.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: #0964B0!important;
    color: #fff!important;

}

.dt-button-orange:hover,.dt-button-yellow:hover,.dt-button-blue:hover,.dt-button-green:hover,.dt-button-red:hover,
.dt-button-save:hover,.dt-button-complete:hover,.dt-button-save-and-return:hover,.dt-button-restore:hover,.dt-button-cancel:hover,
.dt-button-copy:hover,.dt-button-edit:hover,.dt-button-change-password:hover,.dt-button-remove:hover,.dt-button-void:hover,.dt-button-select-none:hover,
.dt-button-status:hover,.dt-button-assignment:hover,.dt-button-subscribe:hover,.dt-button-unsubscribe:hover,.dt-button-unlock:hover,
.dt-button-reply:hover,.dt-button-reply-close:hover,.dt-button-dev:hover,.dt-button-refresh:hover,.dt-button-reset:hover,.dt-button-pickup:hover,.dt-button-note:hover,.dt-button-participant-add:hover,.dt-button-verify:hover,
.dt-button-import:hover,.dt-button-export:hover,.dt-button-open:hover,.dt-button-external-link:hover,.dt-button-connect:hover,.dt-button-merge:hover,.dt-button-mail-notifications: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-show:hover,.dt-button.dt-button-hide:hover,.dt-button.dt-button-details: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:disabled,
button.dt-button.disabled,
button.dt-button[disabled],
button.dt-button[aria-disabled="true"],
a.dt-button.disabled,
a.dt-button[disabled],
a.dt-button[aria-disabled="true"],
div.dt-button.disabled,
div.dt-button[disabled],
div.dt-button[aria-disabled="true"] {
    opacity: 1!important;
    color: #7a828a!important;
    background-color: #e2e6ea!important;
    border-color: #c6ccd2!important;
    background-image: none!important;
    filter: none!important;
    cursor: not-allowed!important;
}

html.dark button.dt-button:disabled,
html.dark button.dt-button.disabled,
html.dark button.dt-button[disabled],
html.dark button.dt-button[aria-disabled="true"],
html.dark a.dt-button.disabled,
html.dark a.dt-button[disabled],
html.dark a.dt-button[aria-disabled="true"],
html.dark div.dt-button.disabled,
html.dark div.dt-button[disabled],
html.dark div.dt-button[aria-disabled="true"],
html[data-bs-theme="dark"] button.dt-button:disabled,
html[data-bs-theme="dark"] button.dt-button.disabled,
html[data-bs-theme="dark"] button.dt-button[disabled],
html[data-bs-theme="dark"] button.dt-button[aria-disabled="true"],
html[data-bs-theme="dark"] a.dt-button.disabled,
html[data-bs-theme="dark"] a.dt-button[disabled],
html[data-bs-theme="dark"] a.dt-button[aria-disabled="true"],
html[data-bs-theme="dark"] div.dt-button.disabled,
html[data-bs-theme="dark"] div.dt-button[disabled],
html[data-bs-theme="dark"] div.dt-button[aria-disabled="true"] {
    color: #9da5ad!important;
    background-color: #3a4148!important;
    border-color: #59616a!important;
}

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: #0964b0;
    cursor: pointer;
}
tr.details td.details-control::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146";
      color: #0964b0;
/*    background: url('../img/details_close.png') no-repeat center center; */
}

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

/* Details open 
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px!important;
    margin-left: -10px!important;
    display: block;
    position: absolute;
    color: white;
    border: 0px solid white!important;
    border-radius: 0px!important;
    box-shadow: 0 0 0px #fff!important;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Font Awesome 5 Free"!important; 
    font-weight: 900!important; 
    content: "\f0fe"!important;
    color: #0964b0!important;
    font-size: 20px;
    line-height: 14px;
    background-color: #fff!important;
    
}*/

/* Details close 
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: "\f146"!important;
    background-color: #fff!important;
}
*/

/* RowGroup */

table.dataTable tr.dtrg-group.dtrg-start.dtrg-level-0 th {
    background-color: #0964B0!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: #0964b0!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: #0964b0!important;
    cursor:pointer;
}

/* Full-width document text rows already expose all content and therefore have no responsive details control. */
table.dataTable.dtr-inline.collapsed > tbody > tr.document-text-row > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.document-text-row > th.dtr-control:before {
    display: none !important;
    content: none !important;
}

/* In document editors, keep row dragging and inline editing separate by using the image cell for responsive details. */
table.dataTable.dtr-column.collapsed > tbody > tr:not(.document-text-row) > td.document-responsive-control::before {
    display: inline-block;
    width: 1.1em;
    margin-right: 6px;
    color: #0964b0;
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

table.dataTable.dtr-column.collapsed > tbody > tr.dtr-expanded:not(.document-text-row) > td.document-responsive-control::before {
    content: "\f146";
}

/* Responsive controls are screen-only and must never appear in browser printouts. */
@media print {
    table.dataTable > tbody > tr > td.dtr-control:before,
    table.dataTable > tbody > tr > th.dtr-control:before,
    table.dataTable > tbody > tr > td.control:before,
    table.dataTable > tbody > tr > th.control:before,
    table.dataTable > tbody > tr > td.document-responsive-control:before {
        display: none !important;
        content: none !important;
    }

    table.dataTable > tbody > tr.child,
    table.dataTable > tbody > tr > td.child,
    table.dataTable .dtr-details {
        display: none !important;
    }
}

/* 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-inline.collapsed > tbody > tr.dtr-expanded > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > 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-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded 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,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded 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: #0964b0!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 #0964B0;*/
    border-bottom-color: rgb(85, 198, 94);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: normal;
    background: #0964B0;
    color: white;
}

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

#contractListEditForm,
#quoteListEditForm {
    display: block;
}

#contractListEditForm .contract-editor-tab,
#quoteListEditForm .quote-editor-tab {
    display: none;
}

#contractListEditForm .contract-editor-tab-default,
#quoteListEditForm .quote-editor-tab-default {
    display: block;
}

#contractListEditForm > .evx-tab-mobile-select,
#quoteListEditForm > .evx-tab-mobile-select {
    display: none;
}

.contract-list-mobile-tabs {
    display: none;
}

@media (max-width: 767px) {
    #contractListEditForm > .EVX-Tab-Buttons,
    #quoteListEditForm > .EVX-Tab-Buttons {
        display: none;
    }

    #contractListEditForm > .evx-tab-mobile-select,
    #quoteListEditForm > .evx-tab-mobile-select {
        display: block;
        margin-bottom: 12px;
    }

    .contract-list-tab-buttons {
        display: none;
    }

    .contract-list-mobile-tabs {
        display: block;
        margin-bottom: 12px;
    }
}

#quoteListEditForm fieldset,#purchaseOrderListEditForm fieldset,#contractListEditForm fieldset{
    flex: 1;
    border: 1px solid #0964B0;
    margin: 0.5em;
}
 
#quoteListEditForm fieldset legend,#purchaseOrderListEditForm fieldset legend,#contractListEditForm fieldset legend{
    padding: 5px 20px;
    /*border: 1px solid #0964B0;*/
    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 #0964B0;*/
    border-bottom-color: rgb(85, 198, 94);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: normal;
    
    color: #0964B0;
}



#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: #0964B0;
    color: white;
}

#quoteListEditForm fieldset.settings legend,#purchaseOrderListEditForm fieldset.settings legend, #contractListEditForm fieldset.settings legend,
#quoteListEditForm fieldset.customer legend,#contractListEditForm fieldset.document legend,#contractListEditForm fieldset.customer legend {
    background: #0964B0;
    color: white;
}

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

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

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


#quoteListEditForm fieldset.address_delivery legend,#purchaseOrderListEditForm fieldset.address_delivery legend,#contractListEditForm fieldset.address_delivery legend {
    background: #0964B0;
    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 === */

.evx-search-builder-panel {
    margin-top: 16px;
}

div.dtsb-searchBuilder div.dtsb-logicContainer,
div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic {
    background: #e6e6e6 !important;
    background-image: none !important;
}

div.dtsb-searchBuilder div.dtsb-logicContainer {
    align-items: stretch !important;
}

div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic,
div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic:hover {
    border: 0 !important;
    color: #333333 !important;
    box-shadow: none !important;
}

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;
}

div.dtsb-searchBuilder button.dtsb-search.evx-searchbuilder-processing,
div.dtsb-searchBuilder button.dtsb-search.evx-searchbuilder-processing:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    cursor: wait;
    opacity: 0.9;
}

div.dtsb-searchBuilder button.dtsb-search.evx-searchbuilder-processing::before {
    content: "\f110";
    display: inline-block;
    animation: fa-spin 1s infinite linear;
}

/* 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;
}

.dt-button-searchbuilder-delete,
.dt-button-searchbuilder-delete:hover {
    opacity: 0.8;
    width: 28px !important;
    min-width: 28px !important;
    padding: 5px !important;
    border-color: #b84b47 !important;
    background: #b84b47 !important;
    color: #ffffff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-self: stretch;
    align-items: center;
    justify-content: center;
}

.dt-button-searchbuilder-delete:hover {
    border-color: #a6423e !important;
    background: #a6423e !important;
}

.dt-button-searchbuilder-delete::before {
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    font-weight: 900;
    content: "\f00d" !important;
    color: inherit;
}

/* 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: 6px;
    
}

/* 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: 6px;
}

/* 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: 6px;
}

/* Ta bort filter: Minus eller papperskorg */
div.dtsb-searchBuilder button.dtsb-delete::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d"; /* fa-times */
    margin-right: 0;
}



  

@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;
        /* Keep the full-screen Editor above the sticky portal header (z-index 6100). */
        z-index: 6200;
    }

    /* Select2 appends its open dropdown to body, so keep it above the mobile Editor. */
    body > .select2-container--open {
        z-index: 6300;
    }

    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
    }
}