.archinfoFormButtons {
    position: fixed;
    top: var(--header-height);
    background: #000;
    z-index: 20;
    margin: 0;
    padding: 12px 0 0;
}

.archinfoFormButtons .w2 {
	width:50%;
	float:left;
}

.archinfoFormButtons .w4 {
	width:25%;
	float:left;
}

#archinfoUserLoginForm .archinfoFormButtons,
#archinfoUserLogoutForm .archinfoFormButtons,
#archinfoNewsRegistrationForm .archinfoFormButtons {
	position: static;
	width: auto;
	background: rgba(0, 0, 0, 0);
	border-right:0;
	border-left:0;
}

.archinfoFormButtons .button {
	display:block;
	width:100%;
	height:42px;
	line-height:41px;
	margin:0;
	padding:0;
	border:0;
	border-left: 1px solid #5c5c5c;
	border-top: 1px solid #5c5c5c;
	font-size: 16px;
	font-weight: bold;
	background:#333333;
	color:#FFFFFF;
	text-transform: uppercase;
	cursor:pointer;
    text-align: center;
}

.archinfoFormButtons .button.buttonEdit {
	color:#1964FF;
}

.archinfoFormButtons .button.buttonSave {
	background: #1964FF;
}

.archinfoFormButtons .button:hover {
	background-color:#FF0000;
	color:#FFFFFF;
}

.single-col .archinfoFormButtons {
	width: calc(50vw - 16px);
	max-width: 936px;
}

@media all and (max-width:768px) {
	.archinfoFormButtons {
		left: 0;
		padding: 4px 8px 0;
	}

	.single-col .archinfoFormButtons {
		width: calc(100vw);
		max-width: 936px;
		padding: 12px 8px 4px;
	}
}