*
{
	box-sizing:border-box;

	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
		-webkit-appearance: none;
		margin: 0;
	}

	input[type=number]
	{
		-moz-appearance:textfield;
	}
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

body
{
	margin:0;
/*	display: flex;*/
/*	flex-direction: column;*/

	width: 100%;
	height: 100%;

	background-color: #3c4655;
}

.title-navbar
{
	position: fixed;

	display: flex;
	justify-content: space-between;

	top: 0;
	left: 0;
	height: 55px;
	width: 100%;

	background-color: white;

	z-index: 1;
}

.title-menu-button
{
	position: relative;

	width: 55px;
	height: 55px;

	background-image: url('../img/button-icons/menu-icon.png');
	background-size: 35px;
	background-position: center;
	background-repeat: no-repeat;
}

.title-menu-ghost
{
	position: relative;

	width: 55px;
	height: 55px;

}

.title-menu-logo
{
	position: relative;

	height: 50px;
	width: 100px;

	background-image: url('../img/logo/toutou.png');
	background-size: auto 35px;
	background-position: center;
	background-repeat: no-repeat;
}

.navshadow
{
	position: relative;

	top: 55px;
	left: 0;
	height: 1px;
	width: 100%;

	box-shadow: 0 0 3px grey;
	z-index: 1;

}

.application-container
{
	position: relative;
	overflow-y: auto;

	top: 56px;
	left: 0;
	width: 100%;
	height: calc(100% - 57px);

}