body{
	font-size: 16px !important;
	font-family: 
        "Hiragino Kaku Gothic ProN", /* macOS */
        "Hiragino Sans",             /* macOS 新しめ */
        "Yu Gothic UI", "Yu Gothic", /* Windows 8以降 */
        "Meiryo",                    /* Windows */
        sans-serif !important;                  /* 最後の保険 */
}

main{
	height: 100vh !important;
	overflow: scroll;
}
aside{
	position: relative;
	transition: transform 0.3s ease; /* アニメーション */
    transform: translateX(0);
}

aside.close {
    width: 20px;
    overflow: hidden;
}




aside div.aside-content{
	padding: 20px !important;
}
aside div.aside-show-toggle{
	position: absolute;
    top: 90%;
    right: 0px;
    background: #eee;
    height: 40px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.dropdown-menu li, input, select{
	font-size: 14px !important;
}
.btn{
	font-size: 13px !important;
}
.btn-danger{
	background: #fb6d12 !important;
	border: none;
}

.container{
	max-width: 100vw;
}

div.input{
	width: 100% !important;
}

table th{
	padding: 5px 10px !important;
	background-color: #e6e2df !important;
}
table td{
	border: solid 1px #e6e2df;
	padding: 5px 10px !important;
}

#ui-datepicker-div table th, #ui-datepicker-div table td{
	padding: 5px !important;
}




.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: #333;
}

/*ログイン画面*/
div.login-wrapper {
    position: absolute;
    width: 300px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
}




@media screen and (max-width: 1024px) {
	#body-wrapper{
		flex-direction: column;
	}
	/*aside div.aside-content{
		width: 100% !important;
	}*/
	#logo{
		width: 30%;
		margin-bottom: 0 !important;
	}
	aside ul{
		display: none !important;
	}
}