.wrapper {
	position: relative;
	max-width: 375px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.padded { padding: 20px 15px; }


.page_edited_warning {
	display: none;
}


.header_text {
	position: relative;
	font-size: 20px;
	margin-bottom: 33px;
}


/***** loadingBox *****/

#loadingBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}
#spinner {
	position: fixed;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	background: url("/static/img/fox.svg") center center no-repeat;
	z-index: 1001;
}


/***** error message, delete_dialog *****/

error_message, delete_dialog {
	display: none;
}


/***** vertical menu *****/

vertical_menu {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
}

vertical_menu > .wrapper { background: transparent; }
@media screen and (max-width: 450px) {
	vertical_menu > .wrapper { margin-right: 0; }
}

vertical_menu ul {
	display: none;
}


/***** settings menu *****/

settings_menu {
	display: none;
}


/***** barriergate *****/

.middle_text {
	font-size: 20px;
	margin-bottom: 7px;
}
.margin_top { margin-top: 190px; }

.open_barriergate { width: 256px; }
.open_barriergate.open_barriergate_link { margin-bottom: 10px; }

.barriergate_comment {
	margin-top: 10px;
	font-size: 16px;
}

.barriergate_error {
	width: 100%;
	height: 131px;
}

.car_numbers_comment {
	margin: 5px 0 15px;
	color: #AEAEAE;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
}


/***** pin login *****/

#logo {
	width: 100%;
	height: 100px;
	margin: 10px auto;
}

#login, #password {
	margin: 10px 0 10px;
	max-width: 288px;
	width: 100%;
	height: 54px;
	border-radius: 27px;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 -3px 5px #C6CEDB4F, 0 3px 5px #C6CEDB4F;
	border: none;
	outline: none;
}
#login { margin-top: 100px; }

input::-webkit-input-placeholder {
	color: #A1A1A1;
}

button {
	position: relative;
	margin: 14px auto;
	width: 100%;
	height: 54px;
	box-shadow: 0 -1px 5px #E0E4EB, 0 3px 5px #E0E4EB;
	border-radius: 27px;
	background-color: #15AEB8;
	color: white;
	font-size: 20px;
	border: none;
	outline: none;
}

#enter {
	margin: 10px 0 10px;
	max-width: 288px;
	background-color: #1F4DD4;
}
#enter.hl { background-color: #F3A001; }

#error {
	display: block;
	visibility: hidden;
	height: 24px;
	margin-top: 10px;
	color: #EF0101;
	font-size: 20px;
}