#facademenubar, .menubarcolor { color:white; background: #224f89; }
#facaderootmenu { }
#facadesubmenu_level1, .facadesubmenu_level2, .submenucolor  { background:#16173e; }
.facademenuitem { color:white; }
.menuicon { }
.menuseparator { }
#facaderootmenulabel { }


.tabbar li /*a*/ a:hover
{
color: white;
background: #224f89;
border-color: #224f89;
}

.facademenuitem:hover { 
	background:#1c99d5; 
	color: white;
}

.messageboxtitle { color:white;background:#224f89; }

.facaderesultstable tr:hover  { background:#16173e; color: white;}
.facaderesultstablefocusedrow { background:#9c007d; color:white; }

.facaderesultstablegroup {
	background:#224f89;
	color:white;
	border: 1px solid #224f89;
}

.facaderesultstablegroup2 {
	background:#466545; /*#048706;*/
	color:White;
	border: 1px solid #466545; /*#048706;*/
}

.facaderesultstablegroup3 {
	background:#496978;
	color:White;
	border: 1px solid #496978;
}

.facaderesultstablegroup4 {
	background:#006EA2;
	color:White;
	border: 1px solid #006EA2;
}

.facaderesultstablecolumnheaderunsorted { border-style: solid; border-color: White; background:#224f89; color: white;}

@media screen and (max-width: 399px) {
	#navgotofirst, #navgotolast {
		display:none;
	}
}


/* Form Styles */
/* =========================
   Base Variables (easy theming)
   ========================= */
   :root {
    --ui-primary: #224f89;
    --ui-primary-hover: #1c99d5;
    --ui-border: #cfd6df;
    --ui-border-focus: #2f80ed;
    --ui-bg: #ffffff;
    --ui-bg-disabled: #f2f4f7;
    --ui-text: #1f2937;
    --ui-radius: 8px;
    --ui-shadow-focus: 0 0 0 3px rgba(47,128,237,0.2);
}

/* =========================
   Text & Number Inputs
   ========================= */
input.facadetext,
input[type="number"].facadetext,
input[type="text"].facadetext {
    width: 100%;
    padding: 10px 12px;
    line-height: 1.4;
    color: var(--ui-text);
    background: var(--ui-bg);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

input.facadetext:hover {
    border-color: #aab4c0;
}

input.facadetext:focus {
    outline: none;
    border-color: var(--ui-border-focus);
    box-shadow: var(--ui-shadow-focus);
}

input.facadetext:disabled {
    background: var(--ui-bg-disabled);
    color: #9aa3af;
    cursor: not-allowed;
}

/* =========================
   Select Fields
   ========================= */
select.facadeselect {
    width: 100%;
    padding: 10px 40px 10px 12px;
    color: var(--ui-text);
    background-color: var(--ui-bg);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    box-sizing: border-box;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    
    /* custom arrow */
    background-image:
        linear-gradient(45deg, transparent 50%, #6b7280 50%),
        linear-gradient(135deg, #6b7280 50%, transparent 50%),
        linear-gradient(to right, transparent, transparent);
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px),
        100% 0;
    background-size: 6px 6px, 6px 6px, 2.5em 100%;
    background-repeat: no-repeat;
}

select.facadeselect:hover {
    border-color: #aab4c0;
}

select.facadeselect:focus {
    outline: none;
    border-color: var(--ui-border-focus);
    box-shadow: var(--ui-shadow-focus);
}

select.facadeselect:disabled {
    background-color: var(--ui-bg-disabled);
    color: #9aa3af;
    cursor: not-allowed;
}

/* =========================
   Primary Action Button
   ========================= */
input[type="submit"],
input[type="button"] {
    min-width: 180px;
    padding: 12px 20px;
    color: #ffffff;
    background: var(--ui-primary);
    border: none;
    border-radius: 32px; /* pill button */
    cursor: pointer;
    transition: background-color 0.15s ease,
                transform 0.05s ease,
                box-shadow 0.15s ease;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

input[type="submit"]:hover:enabled,
input[type="button"]:hover:enabled, 
button:hover:enabled {
    background: var(--ui-primary-hover);
}


input[type="submit"]:active,
input[type="button"]:active {
    transform: translateY(1px);
}
/*
input[type="submit"]:focus,
input[type="button"]:focus {
    outline: none;
    box-shadow: var(--ui-shadow-focus);
}

input[type="submit"]:disabled,
input[type="button"]:disabled {
    background-color: #9aa3af;
    cursor: not-allowed;
}
*/

td.facadelabel {
    font-weight: 500;
    color: #374151;
    padding-right: 8px;
    white-space: nowrap;
}

@media (max-width: 600px) {
    #fieldlisttable {
        width: 100%;
    }

    td.fieldcell {
        display: block;
        width: 100%;
    }

    td.facadelabel {
        margin-top: 12px;
    }
}



.sidepanetitle {
    color: white !important;
    background: #16173e !important;
}