/* ERROR: Failed to compile LESS code:
 Variable references are not allowed in LESS */

:root {
	--themeBody: #f2f2f2;
	--themePrimary: #59452a;
	--themePrimaryLight: #f1ebdf;
	--themePrimaryDark: #000000;
	--themeSecondary: #ab8b65;
	--themeTeritary: #312205;
	--logoWidth: 180px;
}


/* Mathias ønsker */
.actionShow { display: none; }
.submitOption { max-width: 49%; }
/* Mathias ønsker Z */



.btn-personal, 
.param .label {
    color: var(--themePrimaryLight);
}


body, .table, .table>thead>tr>th {
	background-color: var(--themeBody);
}

.viewList tbody tr:hover {
    background-color: var(--themePrimaryLight);
}

.logo {
	background-image: url(https://bonnen.dk/wp-content/uploads/2025/11/bonnen-danmark-logo-kaffe-for-livet-creme.png);
}

.debugTime {
	display: none;
}

.header {
	background-color: var(--themeTeritary);
}

/*
#tsDashboardList .btn-personal {  
    color: var(--pageHeaderColor);    	
}*/

.burger {
	background-color: transparent;
}

.logo { 
	opacity: 1;
	width: 100%;
	height: 54px;
	top: 2px;
	left: 62px;
}

.zoneMenu .btn > span.material-icons {
    font-size: 18px;
	margin-left: 0px;
}

/* --- Toolbar Buttons --- */

.toolBar .btn {
	color: var(--themePrimaryLight);
	background-color: var(--themePrimary);
}

.toolBar .btn:hover {
	color: var(--themeSecondary);
	background-color: var(--themePrimaryDark);
}

/* --- ViewList Button Hover --- */

.viewList .btn:hover {
    background: transparent;
    color: var(--themeSecondary);
}

/* --- Primary Button --- */

div.swal2-container div.swal2-actions button.swal2-styled, .btn-primary {
    color: var(--themePrimaryLight);
    background-color: var(--themePrimary);
    border-color: var(--themePrimary);
}

div.swal2-container div.swal2-actions button.swal2-styled:hover,
div.swal2-container div.swal2-actions button.swal2-styled:active,
div.swal2-container div.swal2-actions button.swal2-styled:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: var(--themePrimaryLight);
    background-color: var(--themePrimaryDark);
    border-color: var(--themePrimaryDark);
    opacity: 1;
}

/*Fixes så det ligner Digitel*/

#tsUserFullname { 
	color: var(--themePrimaryLight);
}

.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle {
	color: var(--themePrimary);
}

.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle:hover {
	color: var(--themeSecondary);
}


.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle {
	padding-left: 10px;
}

.sectionHeader {
	background-color: var(--themeBody);
}




/* JNO Test Styling */

.tsUpdateButtons.row { 
	margin-left: 0px; 
	margin-right: 0px;
}

.tsUpdateButtons .btn-primary {
	color: var(--themePrimaryLight);
	background-color: var(--themePrimary);
}

.tsUpdateButtons .btn-primary:hover {
	color: var(--themeSecondary);
	background-color: var(--themePrimaryDark);
}


.pageSectionLayout .tableForm > tbody.sectionContent {
    background-color: rgb(255, 255, 255);
    padding: 20px!important;
    box-shadow: rgba(154, 161, 171, 0.15) 0px 0px 35px 0px;
}

.pageSectionLayout .tableForm > tbody.PAGE_1 > tr,
.pageSectionLayout .tableForm > tbody.PAGE_2 > tr,
.pageSectionLayout .tableForm > tbody.PAGE_4 > tr,
.pageSectionLayout .tableForm > tbody.PAGE_5 > tr {
    width: calc( 50% - 25px);
    margin-right: 0px;
}

.pageSectionLayout .tableForm > tbody.PAGE_1 > tr:nth-child(odd),
.pageSectionLayout .tableForm > tbody.PAGE_2 > tr:nth-child(odd),
.pageSectionLayout .tableForm > tbody.PAGE_4 > tr:nth-child(odd),
.pageSectionLayout .tableForm > tbody.PAGE_5 > tr:nth-child(odd){ 
    margin-right: 50px; 
}



/* Section Headers */

.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle {
    position: relative;
}

.pageSectionLayout .tableForm > tbody.sectionHeader > tr > td.sectionTitle::after {
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    color:inherit;
    position: absolute;
    top: 10px;
    right: 10px;
}
.pageSectionLayout .tableForm > tbody.sectionHeader:has(+ tbody.sectionContent) > tr > td.sectionTitle::after {
    content:"remove";
}
.pageSectionLayout .tableForm > tbody.sectionHeader:has(+ tbody.sectionContentHide) > tr > td.sectionTitle::after {
    content:"add";
}



.tableForm > tbody > tr > td.sectionTitle:hover, 
.tsLayoutColumnsTwo .tableForm > tbody > tr > td.sectionTitle:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

/* --- Dashboard Widget Styles --- */


.tsWidgetListCommand .viewList { 
    padding-top: 0px;
    margin-top: 10px; 
}

.tsWidgetIcon {
    background-color: rgba(171, 139, 101, 0.4);
    color: var(--themeSecondary);
}
.tsWidgetIcon:hover {
    background-color: rgba(171, 139, 101, 0.9);
    color: var(--themePrimaryLight);
}


/* --- No Data Found  --- */

main .systemerror {
    background: rgba(171, 139, 101, 0.2) no-repeat;
    font-size: 100%;
    border-radius: 0.35rem;
    display: block;
    background-position-x: center;
    background-position-y: 8px;
    background-size: contain;
    text-align: center;
    color: var(--themePrimary);
    border: 1px dashed var(--themeSecondary);
    line-height: 30px;
}


@media screen and (max-width: 800px) {

#tsUserFullname {
    color: var(--themePrimaryDark);
    background: var(--themeSecondary);
    border-radius: 15px;
    height: 30px;
    width: 30px;
    border: none;
    padding: 5px;
    padding-top: 0px;
    display: inline-block;
}



}

/* Skjul liste-knapper for sælgere */
.is-sale #menuGroupFiles,
.is-sale #menuGroupViews,
.is-sale #menuGroupRelated {
    display: none;
}