/* CSS Document */

.x{
	background-color: #18346C;	
	color:#345F8B;
}

body{
	position: relative;	
	min-width: 1100px;
}
a{
	text-decoration: none;
	color:#205FAB;
}
a:hover{
	color:#3695E3;
}

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

.desc{
	color:gray;
	font-size: 14px;
}
.nobold{
    font-weight: normal!important;
}
.one-line{
  white-space: nowrap;           /* 改行しない */
  overflow: hidden;              /* はみ出しを隠す */
  text-overflow: ellipsis;       /* … を付ける */
  max-width: 0;                  /* ← table-layout:auto で効かせるコツ（後述） */
}

.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;}

.wait{
    height:30px;
    width:30px;
    display: block;
    margin: 30px auto;
}

#touchguard{    display: none;position: absolute;z-index: 1000;    }
.tg1{width:100vw;height: 100vh;background-color: black;opacity: 0.7;position: absolute;}
#tgmessage{position: absolute;margin: 50vh 50vw;left:-50px;top:-50px;width:100px;height:100px;background-color: white;border-radius: 5px;text-align: center;font-size: 12px;padding-top:35px;}
#tgmessage img{width:30px;}

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

#topbar{
	background: var(--dC-topBar);
	padding: 4px;
	color:white;
	min-width: 1100px;
}
#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 */

.approx{
	background-color: #FFEFC6!important;
}

.item .datatable td{
	background-color: #156F22;
}
.item .dataheader{
	background-color: #156F22;
}
.itemstore{
	background-color: #EFFDFD;	
	width:100%;
}
.printview{
	margin: 10mm;
	width:90%;
}
.printview .table{
	min-width: 90%!important;
}
.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;	}
.w8{	width:135px;	}
.w9{	width:150px;	}
.p7{	width:70%;	}
.p8{	width:80%;	}
.p3{	width:30%;	}
.p2{	width:20%;	}
.datepicker,.datepicker0{width:110px;}

.input-narrow .form-control {
	padding: 2px;
}
.input-narrow th,.input-narrow td {
	padding: 1px!important;
}
.long-tooltip{
	max-width: 700px;
}

/* 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;}

/* inquiry */
.inq0{background-color:black;}
.inq1{background-color:#F31B1F;}
.inq5{background-color:#DCBF27;}
.inq7{background-color:#2999D8;}
.inq10{background-color:#57B84F;}
.inq{display:inline-block;width:80px;text-align: center;border-radius: 3px;padding:2px 10px;color:white;}

/* design */
.numbtn{
    width:60px;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background-color: #D3D3D3;
    display: inline-block;
    cursor: pointer;
    font-weight:bold;
    height: 20px;
    line-height: 100%;
    padding-top: 1px;
}
.designdetaillist td,.designdetaillist th{
    padding: 2px;
}
.designsame{
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background-color: #D3D3D3;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    line-height: 100%;
    padding: 2px 6px 4px;
    color:black;    
}
.designsame:hover{
    color:black;
    background-color: #FFF8BC;
}

/* chart */
#chart-container{
margin-top: 70px;
  position: relative;
  height:50vw;
  max-height: 80vh;
  overflow: hidden;
}