:root {
	--themePrimary: #3f5b58;
	--themePrimaryLight: #9ac7bc;
    --themePrimaryDark: #192a28;
    --themeLight: #FFFFFF;
	--themeSecondary:#c8102e;
	--themeTeritary: #8e9aa7;
	--logoWidth: 200px;
}

.header { 
    background: linear-gradient(90deg, var(--themePrimaryDark), var(--themePrimary) 50%, var(--themePrimary));
}


.burger { color: var(--themePrimaryLight); background-color: transparent; }

.logo {
	background-image: url(https://portal.suppliernetwork.eu/media/fmi-white.1.svg);
    left: 70px;
    margin-top: -3px;
    opacity: 1.0;
}

.debugTime {
	display: none;
}


/* --- Login Page --- */

.LoginPage { background-color: var(--themePrimary);}

.LoginPage { 
    background: linear-gradient(140deg, var(--themePrimaryDark), var(--themePrimary) 50%, var(--themePrimary));
}


.formLogin h3 { text-align: center; margin-bottom: 1rem; }

/* Logo placed top center on Login Page */

.formLogin {
    margin-top: 21vh;
} 

/* Login Logo - New */


.loginLogo {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: calc(50% - 100px);
	line-height: 60px;
    margin-left: 0px;
}

.loginLogo {
	background:url(https://portal.suppliernetwork.eu/media/fmi-white.1.svg) no-repeat;
	background-position-x: center;
	background-position-y: center;
	opacity:1;
	background-size: contain;
	margin-top: -15vh;
}

/* Login Footer - New! */

.loginFooter {
    position: fixed;
    width: 320px;
    padding: 0px;
    bottom: 2%;
    left: calc(50% - 160px);
}
.loginFooter > p {
    color: var(--themePrimaryLight);
    text-align: center; 
    margin: 0px;
    opacity:30%;
}

/* --- Dashboard Widget Adjust --- */

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


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

.btn-primary { margin-right: 5px;}
.btn-primary:last-of-type { margin-right: 0px; }

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

div.swal2-container div.swal2-actions button.swal2-styled a,
.btn-primary a {
    color: #336666;
    color: var(--primaryButtonColor);
    text-decoration: none;
}

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

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: var(--themeLight);
    background-color: var(--themePrimary);
    border-color: var(--themePrimary);
    opacity: 1;
}

.btn-personal { color: var(--themePrimaryLight); }
.btn-personal:hover { color: var(--themeLight); }


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


/* --- Section Headers --- */

.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle {
    position: relative;
}
/*
.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle::after {
    font-family: 'Material Icons';
    content:"arrow_forward";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    color:inherit;
    position: absolute;
    top: 10px;
    right: 15px;
    transition: .6s;
}

.pageSectionLayout .tableForm > tbody > tr > td.sectionTitle:hover::after {
    font-family: 'Material Icons';
    content:"arrow_downward";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    color:inherit;
    position: absolute;
    top: 10px;
    right: 10px;
}/**/

.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:"arrow_upward";
}
.pageSectionLayout .tableForm > tbody.sectionHeader:has(+ tbody.sectionContentHide) > tr > td.sectionTitle::after {
    content:"arrow_downward";
}

/* --- Param Label Adjust --- */

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

/* --- No Data Found - Requires file upload --- */ 
/*
main .systemerror {
    height: 120px;
    background:#e2f3ff70 url(media/no-data-found.4.svg) no-repeat;
    font-size: 100%;
    border-radius: 0.5rem;
    display: block;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
    text-align: center;
    color: var(--themeTeritary);
    border: 1px dashed var(--themeTeritary);
    line-height: 30px;
}
*/


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

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

}