body.backend { overflow-x: hidden; color: #595959; font-family: "Titillium Web", sans-serif; line-height: 1.5; background-color: #fff; font-weight: normal; }
.backend h1, .backend h2, .backend h3, .backend h4, .backend h5, .backend h6 { color: #0f3d6f; }
.backend .vee-section--boxed>.vee-section__container { padding-top: 40px; padding-bottom: 40px; }

.backend .btn.btn-primary { background: #0f3d6f; border: none; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; padding: 6.75px 13.5px; }
.backend .btn.btn-danger { background: #e57200; border: none; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; padding: 6.75px 13.5px; }
.backend .btn.btn-success { border: none; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; padding: 6.75px 13.5px; }
.backend .btn:hover, .backend .btn.btn-danger, .backend .btn.btn-success { border: none; text-decoration: none; }

.backend .backend-login { width: 500px; padding: 4rem; outline: 1px solid lightgrey; border-radius: 4px; }
.backend .backend-login h2 { font-size: 1.4rem; }
.backend .backend-login figure.image_container { border-bottom: 1px solid lightgrey; padding-bottom: 32px; }
.backend .backend-login button { width: 100%; justify-content: center; }

.backend table.dataTable tr.dtrg-group th { background-color: #e9f0f3; box-shadow: none !important; }
.backend table.dataTable colgroup col:not(:last-of-type) { border-right: 1px solid #dee2e6; }
.backend table.dataTable > tbody > tr > th:not(:first-of-type), .backend table.dataTable > tbody > tr > td:not(:first-of-type) { text-align: center; }
.backend table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td { vertical-align: middle; }
.backend table.dataTable > thead > tr > th:not(:first-of-type), table.dataTable > thead > tr > td:not(:first-of-type) { text-align: center; }
.backend table.dataTable > tbody > tr > th:first-of-type, .backend table.dataTable > tbody > tr > td:first-of-type { font-weight: 600; }
.backend table.dataTable > tbody > tr.dtrg-group:last-of-type > th { background: green; }


.backend table.dataTable > tbody > tr > td > div.gSep { display: flex; flex-direction: row; }
.backend table.dataTable > tbody > tr > td > div.gSep > div { width: 50%; }
.backend table.dataTable > tbody > tr > td > div.gSep > div:not(:first-of-type) { border-left: 1px solid lightgrey; }
.backend table.dataTable > tbody > tr > td > div.gSep > div:first-of-type { text-align: right; padding-right: 10px; }
.backend table.dataTable > tbody > tr > td > div.gSep > div:last-of-type { text-align: left; padding-left: 10px; }

.backend table.dataTable > tbody .vCheck.icon-check { color: #0f3d6f; }
.backend table.dataTable > tbody .vCheck.icon-close { color: #e57200; }

.backend #produktauflistung_wrapper input[type="search"] { width: 300px; padding: 5px 10px; margin-left: 10px; }
.backend #produktauflistung_wrapper > div:first-child { position: absolute; top: -67px; }

.backend div.sku_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
/* .backend div.sku_tnImage { width: 50px; height: 50px; border: 3px solid #e9f0f3; background: white; } */






/* temp.product_details.php */
.backend .bg-nor-light { background-color: #e9f0f3; border-radius: 4px; }
.backend #productDetailsForm { flex-direction: row; align-items: flex-end; }
.backend #productDetailsForm .bShowWrapper { height: 42.5px; display: flex; align-items: flex-end; }
.backend #productDetailsForm .col-md-8 { display: flex; flex-direction: column; align-content: flex-end; flex-wrap: wrap;}
.backend .form-label { text-transform: uppercase; font-size: 17px; color: #0f3d6f; }
.backend #myTabContent div.flex { display: flex;justify-content: space-between; margin-bottom: .5rem; }
.backend #myTabContent div.flex h4 { margin-bottom: 0; }
.backend #myTabContent #sortBlocksForm > button[type="submit"] { float: right; }
.backend ul.nav.nav-tabs > li > button.nav-link { color: #0f3d6f; }
.backend ul.nav.nav-tabs > li > button.nav-link.active { color: #e57200; }
.backend .ui-sortable-helper { background: #e9f0f3; cursor: move; }
.backend #myTabContent #sortBlocksForm div.bWrap { display: flex; align-items: center; gap: 15px; }
.backend #myTabContent #sortBlocksForm div.bWrap > span:first-of-type { color: #0f3d6f; padding-right: 15px; border-right: 1px solid lightgrey; cursor: move; }

.backend div.dt-container > div.dt-layout-row:first-of-type { position: absolute; top: -67px; }
.backend #specifications div.tWrap { margin-top: 2rem; margin-bottom: 2rem; }
.backend #specifications div.tWrap h5 { border-bottom: 3px solid #0f3d6f; padding-bottom: 8px; margin-bottom: -13px; padding-left: 10px; }
.backend #specifications input[type="search"] { width: 300px; padding: 5px 10px; margin-left: 10px; }
.backend #specifications table.dataTable > thead > tr > th, .backend #specifications table.dataTable > thead > tr > td { text-align: left; }

/* temp.product_create_block.php */
.backend .createBlock div.flex-h { display: flex; flex-direction: row; gap: 15px; }
.backend .createBlock div.flex-x { display: flex; flex-direction: column; width: 100%; }
.backend .createBlock hr { color: transparent; height: 10px; }



/* temp.categories.php */
.backend div.dt-container > div.dt-layout-row:first-of-type { position: absolute; top: -67px; }
.backend .catSelect div.tWrap { margin-top: 2rem; margin-bottom: 2rem; }
.backend .catSelect div.tWrap h5 { border-bottom: 3px solid #0f3d6f; padding-bottom: 8px; margin-bottom: -13px; padding-left: 10px; }
.backend .catSelect input[type="search"] { width: 300px; padding: 5px 10px; margin-left: 10px; }
.backend .catSelect table.dataTable > thead > tr > th:first-of-type, .backend .catSelect table.dataTable > thead > tr > td:first-of-type { text-align: right; }
.backend .catSelect table.dataTable > thead > tr > th:last-of-type, .backend .catSelect table.dataTable > thead > tr > td:last-of-type { text-align: left; }
.backend .catSelect table.dataTable > tbody > tr > td:first-of-type { text-align: right; }
.backend .catSelect table.dataTable > tbody > tr > td:last-of-type { text-align: left; }
.backend .catSelect table.dataTable > tbody > tr > th:last-of-type { text-align: center; }
.backend .catSelect table.dataTable > tbody > tr > td:first-of-type { font-weight: normal; }
.backend .catSelect table.dataTable > tbody > tr > th:first-of-type { text-transform: uppercase; border-bottom: 3px solid #0f3d6f; }



/* temp.sections.php */
.backend .container.sections .ui-sortable-helper { background: #e9f0f3; cursor: move; }
.backend .container.sections #sortSectionsForm div.bWrap { display: flex; align-items: center; gap: 15px; }
.backend .container.sections #sortSectionsForm div.bWrap > span:first-of-type { color: #0f3d6f; padding-right: 15px; border-right: 1px solid lightgrey; cursor: move; }

/* temp.specs.php */
.backend .container.specs .ui-sortable-helper { background: #e9f0f3; cursor: move; }
.backend .container.specs #sortableSpecs div.bWrap { display: flex; align-items: center; gap: 15px; }
.backend .container.specs #sortableSpecs div.bWrap > span:first-of-type { color: #0f3d6f; padding-right: 15px; border-right: 1px solid lightgrey; cursor: move; }
