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

:root {
	--themePrimary: #233f39; /* #2A3313; */
	--themePrimaryLight: #54595F;
	--themePrimaryDark: #ffffff;
	--themeSecondary:#9FD313;
	--themeTeritary: #8e9aa7;
	--logoWidth: 180px;
}


body { background-color: #F1F1E6; }

.logo {
	background-image: url(https://trainingv3.tsnocode.com/pmh/media/PMH_pantone_hvid_150px.2.png);
	left: 80px;
}

.debugTime {
	display: none;
}

.burger { background-color: rgba(250, 250, 250, 0.4); }
.tsSidebar { background: var(--themeSecondary); }

.tsWidgetListCommand h3 { margin-bottom: .75rem; }
.tsWidgetIcon {
    background-color: rgba(159, 211, 19, .2);
    color: var(--themeSecondary);
}

.tsWidgetIcon:hover {
    background-color: rgba(159, 211, 19, 1);
    color: var(--themePrimaryDark);
}

.btn-personal {
	color: var(--themeSecondary);
}

.btn-personal:hover {
	color: var(--themeSecondary);
    opacity: 0.8;
    transition: 0.3s;
}

.toolBar { display: none; }
.listCommand .toolbar, 
.VisMenu .toolBar { display: block; }


/* --- Table Adjust --- */

.table { background-color: transparent; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.5); }

/* --- Filter Parameter Adjust --- */

.param { padding: 10px 0px 10px 0px; }
.param .label { font-size: 0.8rem; background-color: var(--themePrimary); color: var(--themeSecondary); }
.param .label a { color: var(--themeLight); }

/* --- Button Primary Adjust --- */
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(--themePrimary);
    background-color: var(--themeSecondary);
    border-color: var(--themeSecondary);
    opacity: 1;
}

/* --- Update Button Adjust --- */
.tsUpdateButtons.row { 
    margin-left: 0px;
    margin-right: 0px;
}