/* Tobiasz Ryguła dla Systemy Zabezpieczeń Bankowych */
.menu
{
	display:flex;
	position:sticky;
	top:0px;
	border-radius:2vh;
	font-size: 1.5vh;
	
	margin-left:10px;
	margin-right:10px;
	
	min-height:100px;
	align-items:center;
	
	flex-direction:row;
	background-color:var(--menu-background);

	opacity:0.85;
	padding-left:20px;
	padding-right:20px;
	color:var(--menu-text);
	z-index:10;
		
	

}
#unroll-menu
{
	margin-left: 20px;
	color:var(--unroll-button);
	user-select: none;
	font-weight: 900;
}
#unroll-menu:hover
{
	color:var(--unroll-button-active);
}

.menu > *
{
	padding:5px;
}
.menu .btn-primary
{
	color:var(--btn-text);
}

.menu > div a
{	
	width:100%;
}



.menu .btn-primary {
    background-color: var(--menu-btn-background);
    border-color: var(--menu-btn-border);
    color: var(--btn-text);
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.menu .btn-primary:hover,
.menu .btn-primary:focus {
    background-color: var(--menu-btn-active-background);
    border-color: var(--menu-btn-border);
    color: var(--btn-text);
}

.menu .btn-primary:active,
.menu .btn-primary:focus:active { 
    background-color: var(--menu-btn-active-background);
    border-color: var(--menu-btn-border);
    color: var(--btn-text);
}

.menu .btn-primary:disabled,
.menu .btn-primary.disabled {
    background-color: var(--menu-btn-border-disabled);
    border-color: var(--menu-btn-border-disabled);
    color: var(--btn-text-disabled);
    pointer-events: none;
}