@charset "UTF-8";
/* CSS Document */

.topnav-menu{
	margin-right:20px;
}

.mb-3, .my-3{
	margin-bottom:0.1rem !important;
}

.mt-3, .my-3{
	margin-top:0.7rem !important;
}

.username-span{
	float:right;
}

.user-name{
	float:none !important;
	text-align: right;
}

.logout{
	float:none !important;
	text-align: right;
}

.logout-button{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);/*影*/
	border:none;
	background:white;
	color:#3BAFDA;
	text-align:right;
	float:right;
	marign-right:10px !important;
	transition:all 0.2s ease 0s;
	border-radius: 3px;
}

.logout-button:hover{
	background: #6C757D;
	color:white;
}

.logout-button:active{
	box-shadow: none;
}

@media screen and (min-width: 400px) {

	.company-name-br{display:none;}

}

@media screen and (min-width: 401px) {

	.company-name{margin-top:1.5rem;}

}

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

	.company-name{margin-top:1.2rem; font-size: 12px;}
	.u-name{font-size :12px;margin-top:1.7rem;}
}