.show-mobile{ display: none !important; }

@media screen and (max-width: 480px) {

.hide-mobile{ display: none !important; }
.show-mobile{ display: inherit !important; }

button,
a.button{
	padding: 15px;
}

	
		div#content section.login > div > div{
			width: 100%;
			max-width: 100%;
			padding: 20px 20px 0 20px;
		}

			div#content section.login div.top{
				padding: 20px;
			}


		div#content section.login div.main{
			margin: 0;
			padding: 25px;

			height: 100%;

			border-radius: 0;
			box-shadow: 0 0 0;

			background-color: #F8F8F8;

			overflow-y: auto;
		}

				div#content section.login div.main form > button{
					position: inherit;
					margin-top: 20px;
				}

				div#content section.login div.main form > div.buttons{
					position: inherit;
					margin-top: 20px;
				}
					div#content section.login div.main form > div.buttons button,
					div#content section.login div.main form > div.buttons a.button{ margin-right: 15px; }


				div#content section.main div.boxes div.box div.title{
					margin-bottom: 10px;
					font-size: 16px;
				}

			div#content section.main div.boxes div.box{
				margin-top: 30px;
			}


					div#content section.main div.boxes div.box div.table div.cell{
						padding: 15px 5px;
						font-size: 16px;
					}
					div#content section.main div.boxes div.box div.table div.cell:first-child{ padding-left: 15px; }
					div#content section.main div.boxes div.box div.table div.cell:last-child{ padding-right: 15px; }

				div#content section.main div.boxes div.box a.button{ margin-top: 20px; width: 100% !important; }


div.popup-background{
	position: absolute;
	top: 63px; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: auto;
	z-index: 1000;

	background-color: #F8F8F8;
	display: none;
	overflow-y: auto;
}

	div.popup-background div.popup-window{
		position: static !important;
		padding: 20px;

		background-color: #F8F8F8;
		border-radius: 0;
		box-shadow: none;

		min-height: 100%;
		margin-bottom: -50px;
	}
		div.popup-background div.popup-window:after{
			content: "";
			display: block;
		}


		div.popup-background div.popup-window.confirm{
			width: 100%;
		}

		div.popup-background div.popup-window.form{
			width: 100%;
		}

			div.popup-background div.popup-window.form div.title{
				margin-bottom: 30px;

				font-size: 18px;
			}

			div.popup-background div.popup-window.form div.name{
				width: 100%;
				padding: 0 0 5px 0;
			}

			div.popup-background div.popup-window.form div.value{
				width: 100%;
			}

			div.popup-background div.popup-window.form div.buttons{
				/*position: absolute;
				left: 0; bottom: 0;*/

				width: 100%;
			}

				div.popup-background div.popup-window.form div.buttons > button:nth-child(1),
				div.popup-background div.popup-window.form div.buttons > a:nth-child(1){ width: 45%; margin-right: 5%; }
				div.popup-background div.popup-window.form div.buttons > button:nth-child(2),
				div.popup-background div.popup-window.form div.buttons > a:nth-child(2){ width: 45%; margin-left: 5%; }

	div.popup-background div.popup-window.form nav.person{ margin-top: -10px; }

	div.popup-background div.popup-window.calendar{
		width: 100%;
		max-height: 100% !important;
		padding: 20px;
	}

		div.popup-background div.popup-window.calendar div.cell.time{ padding-left: 5px; padding-right: 5px; }

		div.popup-background div.popup-window.calendar div.header-group div.cell{ word-spacing: 300px; }

		/*div.popup-background div.popup-window.calendar div.cell span.simple:not(.show-mobile){ display: none !important; }*/

		div.popup-background div.popup-window.calendar header div.title {
			position: inherit;
			text-align: right;
			float: right;
			margin: 10px 0;

			width: 100%;
		}

}