/* CSS Document */

:root{
	--dC-dialogBorder:#2343BC;
	--dC-topBar:linear-gradient(90deg, #0580bc,#052b3e);
	--dC-scrollBar:linear-gradient(0deg, #43e2c6, #3183d0);
}

body{
	position: relative;	
	min-width: 680px;
}

a{
	text-decoration: none;
	color:#205FAB;
}
a:hover{
	color:#3695E3;
}

.popupsel{
	cursor: pointer;
}
.popupsel:hover{
	text-decoration: underline;
}

.desc{
	color:gray;
	font-size: 14px;
}
.help{
	color:white;
	background-color: #8FB9D4;
	border:none;
}
.l{
	text-align: left;
}
.r{
	text-align: right;	
}
.yellow{color:#E5BE1A;}
.red{color:#D01B3C;}
.green{color:#3CC912;}
.bg-yellow{background-color:#FFF8E1!important;}
.bg-red{background-color:#FFDCE2!important;}
.bg-green{background-color:#E1FFE7!important;}


@media print{
	.noprint{display: none;}
}
@media screen{
	.printonly{display: none;}
}

#topbar{
	background: var(--dC-topBar);
	padding: 4px;
	color:white;
	min-width: 680px;
}
#vmenu{
	background-color: #555555;
	position: fixed;
	height: 100vh;
	overflow: visible;
	z-index: 100;
	overflow-y: auto;
	padding: 10px;
	color:white;
	padding-top:50px;	
	width: 160px;
}
#vmenu >ol{
	padding-left: 0px;
	cursor: pointer;
}
#vmenu >ol >ol{
	padding-left: 20px;
}
#vmenu ol li{
	list-style: none;
	margin-bottom: 8px;
	color:white;
	border-radius: 3px;
	padding-left: 10px;
}
#vmenu ol a{
	text-decoration: none;
}
#vmenu ol li:hover{
	background-color: #D1D1D1;	
}
#vmenu li[aria-expanded="true"] {
	background-color: #D1D1D1;
	color:black;
}
#vmenu .active li{
	background-color: #E0F0F9;
	color:black;
}

#hmenu{
	padding-top: 50px;	
}
#submenu{
	width:100%;
}
.upperbar{
	background-color: #124A6B;
	padding: 0px;
}
.lowerbar{
	background-color: #003366;	
	padding: 0px;
}
.upperbar a,.lowerbar a{
	padding: 2px 20px;
	border-right: solid 1px #F9F9F9;
	color:white;
}
.upperbar a:hover,.lowerbar a:hover{
	background-color: #8FC0D4;
}

.topshortcut{
 padding: 0px;color:white;margin-right: 8px;
}
.topbadge{
	font-size:12px;top:30%;left:120%;	
	z-index: 100;
}

#mainmenu{
	background-color: #454545;color:white;padding: 20px;	
}
#mainmenu h3{
	font-weight: bold;
	color: #FFFFFF;
	font-size:16px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #FF0000;
	padding:4px 10px;
	margin-bottom:8px;	
}
#mainmenu p{
	font-size:14px;
	line-height:18px;
	padding:0px 16px;
}
#mainmenu a{
	color: #66CCFF;
}
#mainmenu>div{
	margin-bottom: 30px;	
}
#mainmenu table{
	width:100%;
	border-collapse: collapse;
	background-color: #666666;
	text-align: center;
}
#mainmenu th,#mainmenu td{
	border: solid 1px white;
}
.sekkei td{
	width:14%;	
}


#mainarea{
	padding: 30px;
	padding-top: 105px;	
	background-color: #F8F8F8;
	width: 100%;
	position: absolute;
	min-height: 100vh;
}
#mainarea0{
	padding: 30px;
	padding-left: 190px;
	padding-top: 50px;	
	background-color: #F8F8F8;
	width: 100%;
	position: absolute;
	min-height: 100vh;
}

.thinscrollbar::-webkit-scrollbar {
  width: 7px;
}
.thinscrollbar::-webkit-scrollbar-thumb {
  background: var(--dC-scrollBar);
  border-radius: 3px;
}
.thinscrollbar::-webkit-scrollbar-track {
  background: rgba(100,100,100, .8);
}

#dialog>div{
	text-align:center;
	padding: 30px;
	border: solid 2px var(--dC-dialogBorder);
	border-radius: 5px; 
	max-width: 420px;
	min-width: 420px;
	background-color: white;
	z-index: 100;	
}
@media screen and (max-width: 640px) {
#dialog>div{
	padding: 10px;
	border: solid 2px var(--dC-dialogBorder);
	border-radius: 5px;
	width:100%;
	min-width: 100vw;
	max-width: 100vw;
	position: relative;
}
}

.btn-xs {
	padding: .05rem .5rem;
	font-size: .7rem;
	line-height: 1.5;
	border-radius: .2rem;
}
.btn-danger{
	background-color: #BB2200;	
}
.table-narrow .btn-sm {
	padding: 4px 10px;
	font-size: 14px;
	line-height: 1;
	border-radius: 4px;
}

.table-narrow {
	line-height: 120%!important;
}
.table-narrow th,.table-narrow td{
	padding: 2px!important;
	vertical-align: middle;
}
.mouseover tr:not(.dataheader):hover{
	background-color: #F9FFD4;
}

    .collapsing {
      transition: none !important;
    }

.tblbgcolor0{background-color: white;}
.tblbgcolor1{background-color: #F5F5F5;}


.datatable{
	background-color: white;
	margin-bottom: 20px;	
}
.datatable td{
	background-color: #26698F;
	color:white;
	text-align: center;
}
.datatable td,.datatable th{
	padding: 4px!important;
}
.dataheader{
	font-size: 12px;background-color: #26698F;color:white;
}
.undermenu{
	margin: 30px 0px 30px;
	min-width: 960px;
}
.undermenu a{
	width:100%;
}
.undermenu .col{
	padding:0px 2px; 
	margin-bottom: 4px;
}

/* find */
.condition td{
	width:100px;
}


/* order */
.ordertable .datatable{
	margin-bottom: 0px;	
	min-width: 1100px;
}
.ordertable .datatable th{
	font-weight: normal;
	min-width: 60px;
}
.ordertable .meisaitable th{
	min-width: 20px!important;
}
.ordertable .datatable td{
	width:100px;
	min-width: 100px;
}
.ordertable .datatable .c{
	text-align: center;
}
.ordertable .datatable .r{
	text-align: right;
}
.ordertable .datatable .orderspec{
	display: inline-block;
	width:12%;
}
.meisaitable th{
	vertical-align: top;
	overflow-wrap: break-word;
	word-break: break-all;
}
.ostatus9{
	background-color: #ECECEC;	
}

.checktable{
	text-align: right;
	margin-bottom: 10px;
}
.checktable table{
	display: inline;
	border-collapse: collapse;
}
.checktable table th{
	padding: 2px;
	border: solid 1px #CCCCCC;
	text-align: center;
	background-color: #26698F;
	color: white;
	width:80px;
	font-weight: normal;
}
.checktable table td{
	padding: 2px;
	border: solid 1px #CCCCCC;
	text-align: center;
	background-color: white;
	width:80px;	
}



/* user */
.user .datatable td{
	background-color: #686868;
}
.user .dataheader{
	background-color: #686868;
}
.user .status1{
	background-color: #D4D4D4;	
}

/* book */
.book .datatable td{
	background-color: #E4E4E4;
	color:black;
}
.book .dataheader{
	background-color: #E4E4E4;
	color:black;
}
.book .table td,.book .table th{
	border: solid 1px #9A9A9A;
}


/* item */

.item .datatable td{
	background-color: #156F22;
}
.item .dataheader{
	background-color: #156F22;
}
.itemstore{
	background-color: #EFFDFD;	
	width:100%;
}
.printview{
	margin: 10mm;
}
.printview .datatable td{
	background-color: #D5D5D5;
	color:black;
}
.printview .dataheader{
	background-color: #D5D5D5;
	color:black;
}
.printview .itemstore{
	background-color: white;
	width:100%;
}
.printview .datatable,
.printview .datatable td,
.printview .datatable th{
	border:solid 1px black!important;
}
.printview .datatable{
	border-bottom: none;
}
.storefill{background-color: #E1FFE7;}
.storestore{background-color: #FFF8E1;}

@media print{
.printview table{
	font-size:12px;
}
}


.files{
	border: solid 1px #ACACAC;
	padding: 10px;
	text-align: left;
}
.filelink{
	display: inline-block;
	margin: 2px;
	padding: 4px 10px;
	text-align: center;
	background-color:#FFF7B5;
	border-radius: 3px;
	color:black;
	border:solid 1px #646464;
}


/* input */
.oimp{
	border:solid 1px transparent;
	border-bottom: solid 1px black;
	background-color: #FFFFCC;
	font-weight: bold;
	border-radius: 2px;
	padding: 4px;
	font-size: 18px;
	width:100%;
}
.select2-selection,.select2-selection--single{
	border:solid 1px transparent!important;
	border-bottom: solid 1px black!important;
	background-color: #FFFFCC!important;
	border-radius: 2px!important;
}


.oimp:focus{
	border: solid 1px black;
}
.w100{	width:100%;	}
.w2{	width:40px;	}
.w3{	width:55px;	}
.w4{	width:70px;	}
.w5{	width:90px;	}
.w6{	width:105px;	}
.w7{	width:120px;	}
.p7{	width:70%;	}
.p8{	width:80%;	}
.p3{	width:30%;	}
.p2{	width:20%;	}
.datepicker,.datepicker0{width:110px;}

/* ledger */
.ledgerhead td{width:100px;font-size: 12px;}

/* workresult */
.workresult200{background-color:#FBB!important;}
.workresult150{background-color:#FCC!important;}
.workresult125{background-color:#FEE!important;}
.workresult080{background-color:#EEF!important;}
.workresult067{background-color:#CCF!important;}
.workresult050{background-color:#BBF!important;}