#nav-menu .nav-item{
	padding:0px 0px 0px 0px;
}

#nav-menu .nav-item .nav-link{
	cursor:pointer;
	padding:15px 5px 15px 15px;
	/*border-bottom:2px solid #d2d2d2;*/
	border-radius:0px 20px 20px 0px;/*0px 5px 5px 0px*/
	color:#333;
}

#nav-menu .nav-item .nav-link:hover{
	background-color:#4d6a9a;
	color:#f7f7f7;
	opacity:0.7;
}
	
#nav-menu #nav-list .active{
	background-color:#4d6a9a;
	color:#f7f7f7;
}

#nav-menu #nav-list .active:hover{
	background-color:#344c75;
	opacity:1;
}
	
#user_acct_image{
	border:1px solid #d2d2d2;
	/*height:100%;*/
	object-fit:contain;
	border-radius:7px; /*5%*/
	cursor:pointer;
}

#user_acct_image_inner{
	border:1px solid #d2d2d2;
	object-fit:contain;
	border-radius:7px;
}
	
#user_name_div,#user_auth_div,#icon_div{
	width:100%;
}

#user_image_div{
	/*height:42%;*/
	/*text-align:center;*/
	padding:0px;
}

#user-image-div-inner{
	text-align:center;
	padding:0px;
}
	
#user_name_div{
	height:23px;
	text-align:center;
}

#user_auth_div{
	height:21px;
	text-align:center;
	font-size:12.5px;
}

#icon_div{
	height:100%;/*16%*/
	padding:5px 10px 0px 10px;
	/*padding:0px 7%;*/
	/*margin-bottom:7px;*/
}

#db_info{
	height:60px;
	padding:0px 0px 0px 7px;
	width:85%;
	/*margin-top:10px;
	margin-bottom:10px;*/
}

#icon_div a{
	line-height:34px;
	width:34px;
	font-size:22px; /*150%*/
	cursor:pointer;
	border-radius:50%;/*5px*/
	margin:0px 3px;
	text-align:center;
	transition:0.3s;
}

#icon_div a:hover{
	background-color:rgba(63,63,63,0.15); /*#ececec*/
	border-radius:50%;
}

#icon_div .active2{
	border-bottom:5px solid #4d6a9a;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

#icon_div .active2:hover{
	border-bottom:none;
}

#icon_div i{
	padding:5px;
}

#db_info i{
	height:100%;
	padding:0px 2.5px;
}

#db_info i{
	/*font-size:125%;*/
	border-radius:5px;
}

#db_info select{
	width:98%;
	border:none;
	box-shadow:none;
	font-size:12px;
	background-color:#ffffff;
	cursor:pointer;
}

#db_info table td{
	border:1px solid #ddd;
}

#db_info table tr>td:first-child{
	background-color: #f0f0f0;
}

#db_info table tr>td:last-child{
	background-color:#ffffff;
}

#db_info select option{
	padding:15px;
}
	
#logout{
	padding:5px 15px;
	border:1px solid #ddd;
	border-radius:7px;
	cursor:pointer;
}

#logout:hover{
	border-radius:7px;
	background-color:rgba(173,173,173,0.10);
}

#fdpBtn,#optionBtn{
	line-height:34px;
	width:34px;
}

#table-main-div{
	/*border-left:2px solid #d2d2d2;*/
	padding:0px;
	overflow:hidden;
}

.tablediv-wrapper{
    /*border:1px solid #ddd;*/
	border-top:1px solid #ddd;
    margin:0px 3px 0px 0px;/*10px 15px 0px 1%*/
	padding:0px;
	font-family:"Meiryo UI";
	background-color:white;
}

#tablediv th,#tablediv td,#tablediv_detail th,#tablediv_detail td,
#file_master_archive_tablediv th,#file_master_archive_tablediv td{
    font-size:12px;/*14px*/
	font-family:"Meiryo UI";
}

.btn-share-div button{
	padding:0px 10px 5px 10px !important;
	height:28px;
}

.btn-share-div button i{
	font-size:17px;
	color:#fff;
}

.btn-share-div>#delete_btn{
	/*margin:0px !important;*/
	margin:0px 15px 0px 0px !important;
}

#system-div{
	height:100%;
	padding:0px 0px 0px 0px;
	background-color:rgba(183,227,255,0.14);
}

#system-title{
	height:30px;
	padding:3px 0px 3px 10px;
	background-color:#4d6a9a;
	color:white;
}

.system-topBox-div{
	height:60px;
	padding:0px;
	display:flex;
}

.dashB-search-bar{
	/*margin-top:10px;
	margin-bottom:10px;*/
	order:1;
    height:100%; /*35px*/
	/*min-width:400px;*/
	padding:15px 7px 0px 10px;/*15px 15px 0px 10px*/
	font-size:12px;
	align-content:left;
	/*flex-grow:3;*/
	overflow: hidden;
	white-space:nowrap;
}

.dashB-search-bar:hover{
	overflow-x:auto;
	overflow-y:hidden;
}

.dashB-search-bar input,.dashB-search-bar select{
	width:115px;/*10%*/
	margin-right:5px;
	margin-bottom:5px;
}

.dashB-search-bar select{
	height:28px;
}

.dashB-search-button{
	order:2;
    height:100%;
	padding:15px 7px 0px 0px;
	font-size:12px;
	align-content:left;
	flex-grow:1;
	overflow: hidden;
	white-space:nowrap;
}

#user-info-display-div{
	min-width:70px;
	padding:9px 10px 5px 5px;
	order:3;
	flex-grow:5;
}

#div_title_detail{
	padding:5px 10px;
	margin-top:7px;
	background-color:#646566;
	color:white;
	font-size:12px;
	overflow: hidden;
	/*white-space:nowrap;*/
	display: flex;
	justify-content: space-between;
}

#div_title_detail div{
	flex: 0 0 auto;
}

#div_title_detail:hover{
	overflow-x:auto;
	overflow-y:hidden;
}

#pills-tab{
	background-color:#e3e3e3;
	font-size:13px;
}
	
#pills-tab .nav-item .nav-link{
	border-radius:0px;
	height:33px;
	color:#333;
}

#pills-tab .nav-item .active{
	background-color:#5f7496;
	color:#f7f7f7;
}

/* Scrollbar customized */
/* .dashB-search-bar scrollbar */
.dashB-search-bar::-webkit-scrollbar {
	height:10px;
  	width:10px;
}

/* Track */
.dashB-search-bar::-webkit-scrollbar-track {
	background:#f1f1f1;
  	border-radius:1px;
}
 
/* Handle */
.dashB-search-bar::-webkit-scrollbar-thumb {
  	background:rgba(0,0,0,0.2);
  	border-radius:1px;
}

/* Handle on hover */
.dashB-search-bar::-webkit-scrollbar-thumb:hover {
  	background:rgba(0,0,0,0.3);
	border-radius:1px;
}


/* #div_title_detail scrollbar */
#div_title_detail::-webkit-scrollbar {
	height:7px;
  	width:7px;
}

/* Track */
#div_title_detail::-webkit-scrollbar-track {
	background:#f1f1f1;
  	border-radius:1px;
}
 
/* Handle */
#div_title_detail::-webkit-scrollbar-thumb {
  	background:rgba(0,0,0,0.2);
  	border-radius:1px;
}

/* Handle on hover */
#div_title_detail::-webkit-scrollbar-thumb:hover {
  	background:rgba(0,0,0,0.3);
	border-radius:1px;
}


/* #s3-upload-file-name-div scrollbar */
#s3-upload-file-name-div::-webkit-scrollbar {
	height:7px;
  	width:7px;
}

/* Track */
#s3-upload-file-name-div::-webkit-scrollbar-track {
	background:#f1f1f1;
  	border-radius:1px;
}
 
/* Handle */
#s3-upload-file-name-div::-webkit-scrollbar-thumb {
  	background:rgba(0,0,0,0.2);
  	border-radius:1px;
}

/* Handle on hover */
#s3-upload-file-name-div::-webkit-scrollbar-thumb:hover {
  	background:rgba(0,0,0,0.3);
	border-radius:1px;
}

table.list-table tbody td {
	vertical-align:middle !important;
}

.btn-share-div-flex{
	display:flex;
	align-items:center;
}