@charset "utf-8";

@media screen and (max-width:580px){
.mr_t100{
	margin-top:50px !important;}
}
.trg0{
	display:none !important;}
.btn{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius:50px;
	position:relative;
	background-color:#009CF0;
	text-align:center;
	line-height:1.1 !important;
	cursor:pointer;
	color:#fff;
	padding:10px 12px 9px 12px;
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
	z-index: 1;
	overflow:hidden;}

.btn.brr{
	border-radius:3px !important;}	
.btn.brrr{
	border-radius:9px !important;}	
.inpbtn .btn{
	border-radius:0 3px 3px 0;
	padding-left:10px;
	padding-right:10px;}
input + .winp.btn{
	padding: 10px 17px 8px 12px;
    border-radius: 0 50px 50px 0;
    margin-left: -1px;}	
.inpbtn input{
	border-radius:4px 0px 0px 4px !important;}
.btn.inlb{
	display:inline-block;}	
.btn.escape{
	overflow:visible;}
.linest{
	background-color:#fff;
	border:solid 2px #009CF0; 
	color:#333;}
.linest.st01{
	border:solid 2px #ccc;}
.linest.st02{
	border:solid 2px #333; }
.linest.thin{
	border-width: 1px !important;}
.btn.linest,
.btn.mono{
	padding:8px 10px 7px 10px; }
.btn.linest.thin{
	padding:9px 10px 8px 10px; }
.btn.sys{
	font-size: .85rem;
	min-height: 26px;
	padding:6px 8px 4px 8px;}
.btn.sys.linest.thin{
	padding:5px 8px 3px 8px;}

.btn.Facebook{
	border:none !important;
	background-color:#3B5998 !important;}
.btn.Google{
	border:none !important;
	background-color:#DB4437 !important;}
.btn.Line{
	border:none !important;
	background-color:#00B900 !important;}
.btn.sqtag{
	padding: 2px;
	font-size: 0.75rem;
	letter-spacing: -1px;
	line-height: 1;
	border-radius:3px;}
.btn.sqtag:after{display: none;}
.btn.sqtag.linest{color:#009CF0;}
.btn.sqtag.linest:hover{color:#fff; background-color: #009CF0;}
.btn:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius:4px;
  background:rgba(255,255,255,0.14);
  transition: all .35s;}
.fbtn:after{
  background:rgba(255,255,255,0);}
.btn.linest:after{
	z-index:-1;
  background:rgba(184, 253, 255, 0.7);}
.btn:hover:after{
  width: 100%;} 
.btn.escape:hover{
	overflow: hidden;}
.btn.def{}	
.btn.def.sys{
	min-width:50px;
	font-size:0.75rem !important;
	padding:7px 7px 5px 7px;}	
.btn.def.linest.sys{
	padding:5px 5px 3px 5px;}	
.btn.lgst{
	font-size:1.2rem;
	padding:15px 20px 12px 20px;}

.btn[class^="icon-"], 
.btn[class*=" icon-"]{
	font-family:inherit !important;
    padding-left:28px !important;
	line-height:1.1;} 
.btn[class^="icon-"]:before,
.btn[class*=" icon-"]:before,  
.txtbtn[class^="icon-"]:before, 
.txtbtn[class*=" icon-"]:before{
    font-family: 'icomoon' !important;
	position:absolute;
	left:4px;
	top:50%;
	transform: translateY(-50%);
	font-size:1.1rem;}
.btn.icon-pencil:before,
.btn.icon-file-text-o:before{
	font-size:1rem; 
	left:9px;}
.btn.icon-u-turn:before{
	left:10px;
	font-size:.95rem;
	top:53%;}
.btn > .trans-flip.icon-play{
	margin-left:-3px !important;
    margin-right: 5px !important;}
.btn.sml > .trans-flip.icon-play{
	margin-left:0px !important;
    margin-right: 5px !important;}
.btn > .icon-play{
	margin-right:-3px !important;
    margin-left: 5px !important;}
.btn.sml > .icon-play{
	margin-right:0px !important;
    margin-left: 5px !important;}
.btn.ir[class^="icon-"], 
.btn.ir[class*=" icon-"]{
	padding-left:17px !important;
    padding-right:36px !important;} 	
.btn.ir[class^="icon-"]:before,
.btn.ir[class*=" icon-"]:before,  
.txtbtn.ir[class^="icon-"]:before, 
.txtbtn.ir[class*=" icon-"]:before{
	left:auto;
	right:12px;}

.btn.prv[class^="icon-"], 
.btn.prv[class*=" icon-"]{
	min-width:auto !important;
	padding-left:32px !important;
	padding-right:10px !important;}
.btn.nxt[class^="icon-"], 
.btn.nxt[class*=" icon-"]{
	min-width:auto !important;
	padding-left:10px !important;
	padding-right:32px !important;}
.btn.nxt.sys[class^="icon-"], 
.btn.nxt.sys[class*=" icon-"]{
	padding-right:24px !important;}
.btn.prv.sys[class^="icon-"], 
.btn.prv.sys[class*=" icon-"]{
	padding-left:24px !important;}
.btn.prv:before{left:6px !important;}
.btn.nxt:before{left: auto !important; right:6px !important;}	
.btn.sq[class^="icon-"], 
.btn.sq[class*=" icon-"],
.btn.rnd[class^="icon-"], 
.btn.rnd[class*=" icon-"]{
	padding:0;
	padding-left:0 !important;}
.btn.sq[class^="icon-"]:before, 
.btn.sq[class*=" icon-"]:before,
.btn.rnd[class^="icon-"]:before, 
.btn.rnd[class*=" icon-"]:before{
	left:50%;
	top:50%;
	transform: translate(-50% , -50%);
	font-size:1.25rem !important;}
.btn.sq.sml[class^="icon-"]:before, 
.btn.sq.sml[class*=" icon-"]:before,
.btn.rnd.sml[class^="icon-"]:before, 
.btn.rnd.sml[class*=" icon-"]:before,
.btn.sq.sys[class^="icon-"]:before, 
.btn.sq.sys[class*=" icon-"]:before,
.btn.rnd.sys[class^="icon-"]:before, 
.btn.rnd.sys[class*=" icon-"]:before{
	font-size:.85rem !important;}
.btn.sq.sml[class^="icon-angle-"]:before, 
.btn.sq.sml[class*=" icon-angle-"]:before,
.btn.sq.sml.icon-plus1:before, 
.btn.sq.sml.icon-plus1:before, 
.btn.sq.sys.icon-plus1:before, 
.btn.sq.sys.icon-plus1:before{
	font-size:1.1rem !important;}
.btn.sq[class^="icon-angle-"]:before, 
.btn.sq[class*=" icon-angle-"]:before,
.btn.rnd[class^="icon-angle-"]:before, 
.btn.rnd[class*=" icon-angle-"]:before{
	font-size:2rem !important;}	
.btn.sq{
	border-radius:3px;}
.btn.sq,
.btn.rnd{
	padding:0 !important;
	width:32px;
	height:32px;}
.btn.sq.sml,
.btn.rnd.sml,
.btn.sq.sys,
.btn.rnd.sys{
	width:26px;
	height:26px;}
.btn.mono{
	background-color:#fff;
	color:#000;
	border:solid 2px #000;
    padding:7px 10px 6px 10px;}	
.btn.rnd{
	border-radius:34px;}	
.btn.sq i{
	font-size:1.15rem;}	

.btn.rnd.icon-info{
	width:16px;
	height:16px;
	background-color:#666;}	
.btn.rnd.icon-info:before{
	font-size:0.8rem !important;}
.txtbtn.vtop{
	line-height:1.24;}
.txtbtn.vtop:before{
	top:0px !important;
	transform:none  !important;}	
.txtbtn[class^="icon-"], 
.txtbtn[class*=" icon-"]{
	display:block;
	line-height:1.7;
	padding-left:30px;
	min-height:20px;
	position:relative;}
.txtbtn[class^="icon-"]:before, 
.txtbtn[class*=" icon-"]:before{
	left:6px;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;}	
.tclr-blue:before{
	color:#1A7BD5;}	
.tclr-gray:before{
	color:#999;}
.btnA{
	display:flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	margin:0 auto;
	margin-top:30px;}
.btnA.stS{
	justify-content:flex-start;
	align-items: center;
	margin-left:-8px;}
.btnA.pr_parent .left{
	position:absolute !important;
	left:0px;}
.btnA.pr_parent .right{
	position:absolute !important;
	right:0px;}
@media screen and (max-width:540px){
.btnA.pr_parent{
	justify-content:start;
	align-items: start;}
	
}	
.btnA .btn{
	min-width:90px;
	margin-bottom:5px;
	margin-left:8px;
	margin-right:8px;}
.popW .btnA .btn{min-width: 84px;}
.btnA .btn.rnd,
.btnA .btn.sq{
	min-width: 0;}
.btnA.def .btn{
	margin:0px;}	
.btnA.col5 .btn{
	min-width:inherit;}
.btnA.evenCol{
	-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;}
.btnA.evenCol > .btn {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;}
.btnA.evenCol.col3 > .btn {
  width: calc((100% - 15px) / 3);}
.btnA.evenCol.col2 > .btn {
  width: calc((100% - 15px) / 2);}
  
@media screen and (max-width:431px){
.btnA.evenCol.col3 > .btn {
  width:80%;
  margin:0 auto;
  margin-bottom:5px;} 
}
.btnA[class^="col"], .btnA[class*=" col"]{
    position: relative;}

.btnG .btn{
	max-height: 34px;
	border-radius:0;
    margin-left: -1px;}
.btnG .brr:nth-child(1 of .btn){
	border-radius: 4px 0 0 4px;}
.btnG .btn.brr:last-child{
	border-radius: 0px 4px 4px 0px;}
.btnCnt {
    order: 2;}
.btnCnt ~ .left, .btnCnt ~ .btnM {
    order: 1;
    margin-left: 0 !important;
    margin-right: auto !important;}
.btnCnt ~ .right {
    order: 3;
    margin-right: 0 !important;
    margin-left: auto !important;}
.btnCnt ~ .left,
.btnCnt ~ .right,
.btnCnt ~ .mw {
    min-width: 92px;}
/*<div class="btnA">
<p class="btnCnt flx center wrap"></p>
<span class="mw left"></span>
<a class="mw right btn"></a>
</div>*/
@media screen and (max-width:600px){
.btnCnt {
    order: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
.btnCnt ~ .left,
.btnCnt ~ .btnM,
.btnCnt ~ .right{
	margin-right: 10px !important;
	margin-left: 10px !important;}
.btnCnt ~ .right.-purer{
	min-width:0 !important;
	margin-right: 0px !important;
	margin-left: auto !important;}
.btnCnt ~ .btnM .btn{
	margin-right: 0px !important;
	margin-left: 10px !important;}	
.btnCnt ~ .mw{
	margin-right: 0px !important;
	margin-left: 0px !important;
	min-width:0px;}
}		
.ani-btn{
	border-radius:6px;
	background-color:#fff;
	border:solid 2px #09F;
	cursor: pointer;
	position: relative;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;}
.ani-btn.mono{
	border:solid 1px #bbb;}
.ani-btn:hover{
	background: #FFD91D;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;}
.ani-btn.crnt{
	background: #FFD91D;}
.fbtn{
	position: fixed;}
.btnA .fbtn{position:relative;}
.fbtn.inmainwl{
	right:auto;
	left:180px;}
.fbtn.inmainwl.left-ocR{
	left:20px;}
.fbtn.t0{
    bottom:190px;}	
.fbtn.t1{
	z-index: 200;
    bottom:150px;}	
.fbtn.t2{
	z-index: 200;
    bottom:110px;}	
.fbtn.t3{
	z-index: 200;
    bottom:70px;}
.fbtn.btn:not(.cont-footer .btn){
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom:30px;
    right:30px;
    z-index:3300;
	box-shadow:3px 10px 7px 0px rgb(0 0 0 / 20%);}
.fbtn.-aside{
	left:280px;
	bottom:20px !important;
	right:auto;}
.fbtn.btn.wftr:not(.cont-footer .btn),	
.on_mobile .fbtn.btn:not(.cont-footer .btn){
    bottom:65px;}
.fbtn.btn.inmainwl.u1{
    bottom: 150px;}	
.fbtn.btn.inmainwl.u2{
    bottom: 80px;}			
.ml-fbtn.fbtn{
	display:none;}	
.fbtn.disa{
	display:none;}	
.fbtn .num{
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    bottom: -6px;
    right: -10px;}
.fbtn.btn:not(.cont-footer .btn){
    width:auto;
    height:60px;}
.fbtn.btn.rnd{
    width:60px !important;
    height:60px;
	border-radius:60px !important;}
.fbtn.btn.rnd{
	opacity: .75;}
.fbtn.btn.rnd.mini{
    width:33px !important;
    height:33px;
	border-radius:33px !important;}
.fbtn.btn[class^="icon-"]:before, 
.fbtn.btn[class*=" icon-"]:before{
	font-size:1.8rem !important;}
.fbtn.btn.mini[class^="icon-"]:before, 
.fbtn.btn.mini[class*=" icon-"]:before{
	font-size:1.2rem !important;}
.sldfbtn{
    border-radius: 34px;
	overflow: hidden;} 
.sldfbtn .btnt{
  transition: 0.3s ease-in-out;
	opacity: 0;
	width:0px;
	color: #fff;
	background-color: #000;
	transform: translateX(-150%);
    height: 34px;
    border-radius: 34px;
    margin-left: -34px;
    padding-left: 34px;
    padding-right:0px;
    color: #fff;
    line-height: 34px;}
.sldfbtn .btn:hover ~ .btnt{
    padding-left: 44px;
    padding-right: 10px;
	width:100%;
	opacity:1;
	transform: translateX(0%);}

.fbtn-display{
    position: fixed;
	bottom:-100%;
	max-width:440px;
	width:83%;
	left:50%;    
	-webkit-filter: blur(0);
    backface-visibility: hidden;
    transform:translate(calc(-50% + 0.1px));	
    z-index:3200;	
    -webkit-transition: ease .15s;
    transition: ease .15s;}
.fbtn-display.updnst{
    z-index:1001;	
	max-width:none;
    left: 50%;
    transform: translateX(-50%);}
.fbtn-display.updnst .menu{
	width:220px;
	margin:0 auto;}	
.fbtn-display.up{
	bottom:20px;}
.fbtn-display .btnG{
	margin-bottom:10px;}	
.fbtn-display .menu{
	cursor:pointer;
	color:#2D83D0;
	display:block;
	background-color:#fff;
	font-size:1rem;
	padding:15px 10px 11px 10px;
	border-radius:13px;
	text-align:center;
	border-bottom:solid 1px #ccc;}
.fbtn-display .btnG .menu:first-child{
	border-radius:13px 13px 0 0;}
.fbtn-display .btnG .menu + .menu{
	border-radius:0px;}
.fbtn-display .btnG .menu:last-child{
	border-radius:0 0 13px 13px ;
	border-bottom:none;}
.fbtn-display .menu.single{
	border-radius:13px !important;}
.fbtn-display .menu.fbtn-0{
	font-weight:bold;}	
.fbtn-display.footerst.up{
	bottom: 0;
    max-width: none;
    width: 100%;
    background-color: #fff;
    border-top: solid 1px #ddd;
    padding: 10px;}
.fbtn-bg{
    position: fixed;
    overflow:hidden;
    width: 100%;
    height: 100%;
	z-index:-1;}	
.fbtn-bg.view{
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.7);
    z-index:3300;	
    overflow: auto;}
.fbtn-bg.view.updnst{
    z-index:1000;}
.fbtn.up.Fpdf{
	width:50px;
	height:50px;
	top:140px;
    left:30px;}	
.fbtn.up.Fpdf.right{
    right:490px;
	left:auto;}
.fbtn.up.Fpdf.right2{
    right:430px;
	left:auto;}			
@media screen and (max-width:771px){
.ml-fbtn.fbtn,
.panelActive.panelActiveLeft .mr-fbtn.fbtn{
	display:block;}
	

.fbtn-display{
	width:97%;}
.fbtn.-aside{
	left:auto;
	bottom:80px !important;
	right:20px;}	
}	
.updnst.fbtn-display{
    bottom:-100%;}

.fbtn-bg.view.updnst{
	opacity:0;}
.fbtn-bg.view.updnst.view{
	animation:updnst2 4s ease 0s 1;}
.chatpT.fbtn.btn.rnd{
    top: 5px;
	right:40px;
	width: 40px !important;
    height: 40px !important;
    border-radius: 40px !important;
    z-index: 12345 !important;}
.chatpT.fbtn .num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: .9rem;}
.updnst.fbtn-display .menu{
	background-color:#333;
	color:#fff;
	border-radius:13px 13px 0 0;}		
.updnst.fbtn-display.up{
	animation:updnst 3s ease 0s 1;}
@keyframes updnst{
  0% {
    bottom: -100%;
  }
  2% {
    bottom:53px;
  }
  43% {
    bottom:53px;
  }
  100% {
    bottom: -100%;
  }
}
@keyframes updnst2{
  0% {
	opacity:0;
  }
  2% {
	opacity:1;
  }
  43% {
	opacity:1;
  }
  44% {
	opacity:0;
  }
  100% {
	opacity:0;
  }
}	
.bg-white-l-pink{
	background-color:#fff !important;
	border:solid 1px #d787af !important;}	
.bg-linest{
	background-color:#fff !important;
	border:solid 1px #000 !important;}
.bg-tan{
	background-color:#d7af87 !important;}	
.bg-lyellow{
	background-color:#F9FCAE !important;}
.bg-yellow{
	background-color:#FFF800 !important;}	
.bg-brown{
	background-color:#af875f !important;}
.bg-ygrn{
	background-color:#DDEC28 !important;}	
.bg-lgrn{
	background-color:#BCF2AE !important;}
.bg-grn{
	background-color:#25C035 !important;}
.f_col_grn,
.txt-grn{color:#25C035 !important;}
.txt-grn + .udline	{
	border-color:#25C035;}		
.bg-dark-grn{
	background-color:#136310 !important;}	
.bg-pure-grn{
	background-color:#02e036 !important;}	
.txt-pure-grn{
	color:#02e036 !important;}	
.bg-magenta{
	background-color:#d700ff !important;}
.bg-red{
	background-color:#E4272C !important;}
.bg-pale-red{
	background-color:#FFD5D6 !important;}
.txt-red,
.f_col_red{color:#E4272C !important;}	
.txt-red + .udline	{
	border-color:#E4272C;}	
.bg-pink{
	background-color:#ff5eaf !important;}	
.txt-pink{
	color:#ff5eaf !important;}	
.bg-lpink{
	background-color:#ffe0e7 !important;}	
.bg-gpink{
	background-color:#e3c8d8 !important;}	
.bg-orange{
	background-color:#ff8700 !important;}
.bg-navblue{
	background-color:#0080D5 !important;}
.bg-pnkorange{
	background-color:#FF3710 !important;}
.bg-blgrn{
	background-color:#00AFA1 !important;}		
.txt-orange,
.f_col_orange{
	color:#ff8700 !important;}	
.txt-orange + .udline	{
	border-color:#ff8700;}	
.bg-pale-orange{
	background-color:#FFE0C7 !important;}
.bg-dorange{
	background-color:#FC420C !important;}
.bg-line-dorange{
	color:#FC420C !important;
	border:solid 1px #FC420C !important;
	background-color:#fff !important;}
.bg-cyan{
	background-color:#00ffd7 !important;}	
.bg-navy{
	background-color:#0035A0 !important;}
.txt-navy{
	color:#1673C7 !important;}	
.bg-blue{
	background-color:var(--bgbluekey) !important;}
.bg-blue.hover:hover{
	background-color:rgba(0, 156, 240, .8) !important;}

.bg-line-blue{
	color:#009CF0 !important;
	border:solid 1px #009CF0 !important;
	background-color:#fff !important;}	
.txt-blue{
	color:#009CF0 !important;}	
.txt-blue + .udline	{
	border-color:#009CF0;}		
.bg-wblue{
	background-color:#40ccff !important;}	
.bg-gblue{
	background-color:#abd3e0 !important;}	
.bg-opblue{
	background-color:rgba(var(--bgopblue),.15) !important;}
.bg-opmxblue{
	background-color:rgba(var(--bgopblue),.07) !important;}
.bg-opgrn{
    background-color: rgba(var(--bgopgrn),.15) !important;}
.bg-opmxgrn{
    background-color: rgba(var(--bgopgrn),.07) !important;}
.bg-opyellow{
    background-color: rgba(var(--bgopylw),.15) !important;}
.bg-opmxyellow{
    background-color: rgba(var(--bgopylw),.07) !important;}
.bg-oporng{
    background-color: rgba(var(--bgoporng),.15) !important;}
.bg-opmxorng{
    background-color: rgba(var(--bgoporng),.07) !important;}
.bg-oppink{
    background-color: rgba(var(--bgoppink),.15) !important;}
.bg-opmxpink{
    background-color: rgba(var(--bgoppink),.07) !important;}	
.bg-pale-blue{
	background-color:#D8F6FF !important;}	
.bg-lblue,
.bg-water{
	background-color:var(--bgwater) !important;}	
.txt-lblue,
.f_col_lblue{
	color:#66CDF4 !important;}	
.bg-vio{
	background-color:#B15FE2 !important;}
.bg-vio-blue{
	background-color:#7C63F3 !important;}
.txt-vio{
	color:#B15FE2 !important;}
.bg-666{
	background-color:var(--bg666) !important;}
.bg-888{
	background-color:var(--bg999) !important;}
.bg-gray{
	background-color:var(--bggray) !important;}
.bg-light-gray{
	background-color:#ddd !important;}
.bg-black{
	background-color:var(--bg000) !important;}
.bg-transparent{
	background-color:var(--bgtransparent) !important;}
.bg-diagonal{
	background-size:50px 50px;
	background-color:transparent !important;
    background-image: url(../img/bg-diagonal.svg) !important;}
.f_col_silver,
.txt-silver{
	color:#ddd !important;}	
.f_col_gray,
.txt-gray{
	color:#a9a9a9 !important;}		
.f_col_dgray,
.txt-dgray{
	color:#666 !important;}	
.bg-silver{
	background-color:var(--bgsilver) !important;}
.bg-site{
	background-color:#f9f8f7 !important;}
.bg-pale-silver{
	background-color:var(--bgpalesilver) !important;}
.bg-white{
	background-color:var(--bgfff) !important;}

.bg-creamylw{
	background-color:#fffef5 !important;}	
.bg-creamred{
	background-color:#fff8f5 !important;}
.bg-creamblue{
	background-color:#f5fffb !important;}	
.f_col_lygrn{
	color:#FEF2CF !important;}
.bg-cream,
.hover-c01:hover{
	background-color:var(--bgcream) !important;}
.bg-pale-grn{
	background-color:var(--bgpalegrn) !important;}
.bg-pale-vio{
	background-color:#EEDBF9 !important;}
.bg-pale-vio-blue{
	background-color:#d9d2fc !important;}
.bg-pale-blue{
	background-color:var(--bgpaleblue) !important;}
.txt-black,
.f_col_b{
	color:black !important;}
.f_col_white,
.txt-white {
	color:#fff !important;}

.clrset li{
	padding:2px;}
.clrset .clr-code,
.clrset .clr-name{
	display:none;}
.clrset .cal-clr{
	display:block;
	width:25px;
	height:25px;
	border-radius:25px;}
.clr-name-set{
	position:relative;}	
.clrset .cal-clr:hover + .clr-name{
	display:block;
	font-size:0.6rem;
	position:absolute;
	background-color:rgba(255,255,255,0.2);
	padding:2px;
	width:40px;
	z-index:123;}
.trclr-hd td{
	background-color: #fff2f5 !important;}			
.border{
	background-color:#fff;
	border:solid 1px #ddd;}	
.thinL{
	border:solid 1px #ccc; }	
.udline{
	padding-bottom:2px;
	border-bottom-width:2px;
	border-style:solid;}	

.btn.disa{
	background-color:#ededed !important;
	color:#ccc !important;
	cursor:not-allowed !important;}
.btn.disa.-st02{
	background-color:#ddd !important;}
.btn.disa.linest{
	border:solid 2px #ccc !important;}
.btn.disa.mono{
	border:solid 1px #ccc !important;}
.btn.disa:after{
	display:none;}
	
.icontxt{
	display:flex;
	line-height:1.2;}
.icontxt .icon{
	display:flex;
	justify-content:center;
	align-items: center;
	width:20px;
	max-height:20px;
	margin-right:5px;}
.icontxt .icon i{
	font-size:1rem;}
.icontxt .icon i.icon-view-set04{
	font-size:.9rem;}
.icontxt .icon i.icon-yen1{
	font-size:1.2rem;}
.icontxt .txt{
	flex:1;
	margin-top:1px;}	
	
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
}	

.placeholdest2::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#cdcdcd;
}
.placeholdest2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#cdcdcd;
   opacity:  1;
}
.placeholdest2::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cdcdcd;
   opacity:  1;
}
.placeholdest2:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cdcdcd;
}
.placeholdest2::-ms-input-placeholder { /* Microsoft Edge */
    color: #cdcdcd;
}

textarea.placeholder { 
    color: #cdcdcd;
}

.placeholdest00::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#333;
}
.placeholdest00:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#333;
   opacity:  1;
}
.placeholdest00::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
   opacity:  1;
}
.placeholdest00:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
}
.placeholdest00::-ms-input-placeholder { /* Microsoft Edge */
    color: #333;
}


.err::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: red;
}
.err:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;
   opacity:  1;
}
.err::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
   opacity:  1;
}
.err:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}
.err::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}
input[type="text"], 
input[type="password"], 
textarea,
input[type="checkbox"],
input[type="radio"],
button{
	resize:none;
	overflow:auto;/* ie */
	-webkit-appearance: none;
	border-radius: 0;}		
input:focus,
select:focus,
textarea:focus{outline:none;}	
input[type="text"], 
input[type="password"],
input[type="email"],
textarea {
	border-radius:2px;
    padding:3px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    height:34px;
	font-size: .85rem;
	font-family: inherit;
    line-height: 1;}
textarea {
    line-height: 1.2;}
input[type="text"].brr{
	border-radius:50px;}
textarea.rsz-v{resize: vertical; min-height: 80px;}
textarea.rsz-h{resize:horizontal;}
textarea.rsz-b{resize:both;}
/*CURRENT JS */
textare.auto-grow{
	overflow:hidden; 	resize:none;}/*https://staff.builmendx.com/~lee/design/cube/admin/knowledge_edit.html*/
.mini input[type="text"], 
.mini input[type="password"],
.mini .select-wrap,
input[type="text"].-mini, 
input[type="password"].-mini,
.select-wrap.-mini{
	height:26px;
    padding:1px 2px;} 
.mini .select-wrap:before,
.select-wrap.-mini:before{    
	right: 3px;
    margin-top: -5px;    
	background-size: 11px 11px;
    width: 11px;
    height: 11px;}
.mini textarea,
textarea.-mini{
    padding:3px 2px;}	
.-nrww input[type="text"], 
.-nrww input[type="password"],
.-nrww .select-wrap{
	height:29px;
    padding:1px 2px;} 
.mini .inpst,
.inpst.-mini {
    height:25px;
    line-height:22px;
    padding: 1px 2px;}
input[type="text"].lgst, 
input[type="password"].lgst,
.select-wrap.lgst{
	height:42px;
    padding:2px;
	font-size:1rem;} 
.midform,
.midform input, 
.midform select, 
.midform textarea{
	font-size:0.95rem;}	
.midform .btn{
	height:34px;}
.midform .checkradio .outer {
	top:2px;}	

input[type="text"].err, 
input[type="password"].err, 
textarea.err,
input[type="checkbox"].err,
input[type="radio"].err{
	background-color:#FFD5D6 !important;}
input[type="text"][disabled] {
    opacity: 0.5;
    cursor: not-allowed;}	
.long-value-input {
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;}
  	
.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;}
label.file input{
	display:none;}
.searchA{
	width:100%;
	position:relative;}
.searchA input{
	width:100%;
	padding:1px 30px 1px 10px !important;
	border-radius:40px;}
.searchA.st2 input{
	border-radius:2px;
	padding:1px 30px 1px 2px !important;}
.searchA.iconxv :placeholder-shown + .icon-search{
	display: none;}
.searchA.iconxv input + .icon-search,
.searchA.iconxv.expand input + .icon-search{
	display:block;}
.searchA input + i,
.searchA .inpst + i{
	position:absolute;
	font-size:1.2rem;
	color:#bbb;
	top:50%;
	margin-top:-10px;
	right:10px;}
.searchA.st2 input + i{
	right:5px;}
.searchA.nmw{
	max-width:none;}
@media screen and (max-width:771px){
	
aside .searchA{
	max-width:none;}
}

.code input[type="password"]{
	width:60px;
	height:60px;
font-size:4rem;
text-align: center;}

/***select design ****/
.select-wrap.mimic{
	padding-left:5px;
	line-height:32px;}
.select-wrap {
    position: relative;
    display:inline-block;
    border-radius: 2px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    height:34px;
    line-height: 1;}
.select-wrap select{
	border:none;
	background-color:transparent;}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right:5px;
    top: 50%;
    margin-top: -8px;
    content: "";
    background-image: url(../img/chevron-down.svg);
	background-repeat:no-repeat;
    background-size:15px 15px;
    width:15px;
    height:15px;
    pointer-events: none;}
	
select:not(.ui-datepicker-month):not(.ui-datepicker-year){
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right:25px !important;
	padding-left:4px;
    width:100%;
	height:100%;}
.mini .select-wrap select,
.select-wrap.-mini select{
	padding-right: 17px !important;}
select.multi:not(.ui-datepicker-month):not(.ui-datepicker-year){
    padding:0px !important;
    padding-right:0px !important}
select.multi option{
	padding:3px 6px;}
select option{
  background-color: #fff;
  color: #333;}
select::-ms-expand {
  display: none;}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;}
.select-wrap select{
    width:100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}  
.select-wrap.disa{
	border:none;}
.select-wrap.disa select{
	color:#666;
	background-color: #ddd;
    border: 1px solid #ccc;}
.select-wrap.disa:before{
    opacity: 0.3;} 
.wopg{}
.select-wrap .opg{
	position:absolute;
	top:13px;
	left:5px;
	font-size:0.8rem;
	color:#aaa;
	padding-right:5px;}	
.select-wrap.wopg{
	padding-left:70px;}	
.select-wrap.multi{
	height:auto;
	width:100%;}
.select-wrap.multi:before{
	display:none;}	
.select-wrap.multi select{
	padding:0;
	padding-right:0 !important;
	overflow:auto;}		
	

.selset{
	position:relative;}
.selset .left,
.selset .right{
	width:45%;}	
.ifrmst {
    width: 100%;
    padding: 0;
    border: solid 1px #6a7883;
    background-color: #fff;}	
.selset .ifrmst.select{
	overflow-x:hiddne;
	overflow-y:scroll;}
.selset .ifrmst select{
	padding:0;
	padding-right:0 !important;
    background-color: #fff;
    border:none;}
.selset .ifrmst.select a,
.selset .ifrmst option{
	display:block;
	text-align:center;
	padding:7px;
	color:#000;
	border-bottom:solid 1px #ddd;}
.selset .ifrmst.select a:focus {
	background-color:#09F;
	color:#fff;}	
.selset .btnsp{
	width:8%;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;}
/*https://staff.builmendx.com/~lee/design/hotelmng/mngstaff-d.html edit view */
/* 
 ------------------------------------------------------------- */
.checkradio *{}
.checkradio{
	display:inline-block;
	min-height:20px;
	min-width:20px;
	margin:0;
	cursor: pointer;
	position:relative;}
.checkradio .lb{
	 padding-top:2px;
	 margin-left:25px;
	 display:inline-block;}  
.checkradio.sml .lb{
	 margin-left:18px;}
/*.checkradio:hover .inner {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: .5;}*/
.checkradio input[type="radio"],
.checkradio input[type="checkbox"]{
	position:absolute;
	top:0px;
	left:0;
	height:0px;
	width:0px;
	opacity: 0;}
.checkradio .outer {
	position:absolute;
	left:0;	
	margin-top:0px;
	height:20px;
	width:20px;
	display:block;
	border:2px solid #ccc;
	background-color: #fff;} 
.checkradio.sml .outer{
	height:15px;
	width:15px;}
.checkradio .inner {
	margin:3px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  opacity: 0;} 
.checkradio.sml .inner{
	margin:2px;}
.checkradio.sml .lb{padding-top: 0;}

.checkradio input:checked + .outer {
  border:2px solid #f08b3b;}
.checkradio input:checked + .outer .inner {
  opacity: 1;}
.checkradio.rnd .outer {
  border-radius: 50%;}
.checkradio.rnd .inner {
  height:10px;
  width:10px;
  border-radius: 50%;
  background-color: #f08b3b;
  -webkit-transform: scale(0);
  transform: scale(0);}
.checkradio.rnd.sml .inner {
	height:7px;
	width:7px;}
.checkradio.rnd input:checked + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);}
.checkradio.chk .outer {}
.checkradio.chk .inner {
	width:12px;
	height:8px;
	margin-top:2px;
	margin-left:2px;
	border-left:4px solid #f08b3b;
	border-bottom:4px solid #f08b3b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}
.checkradio.chk.sml .inner {
    width: 10px;
    height: 6px;
    border-left: 3px solid #f08b3b;
    border-bottom: 3px solid #f08b3b;}     
.checkradio.txtn{
	padding:3px 3px 3px 25px;
	margin-right:30px;}
.checkradio.txtn .outer {
  height:15px;
  width: 15px;
  position:absolute;
  left:0;
  top:4px;}
.checkradio.txtn .inner {
  height:9px;
  width: 9px;
  margin:3px;}   
	
.chkview.checkradio input + .outer {
    border: 2px solid #f08b3b;}
.chkview.checkradio input + .outer .inner {
    opacity: 1;}
.checkradio.disa{
	cursor:not-allowed;}
.checkradio.disa .outer {
  border:2px solid #ddd !important;
  background-color: #eee  !important;}
.checkradio.disa.chk .inner,
.checkradio.disa.rnd .inner{
	display:none;} 	
.checkradio.disa .lb{color:#aaa;}
.checktog .checkradio .outer{
	width: 100%;
    height: 100%;
    background: #ddd;
	border:none;
    border-radius: 3px;
    z-index: -1;}
.checktog .checkradio .inner{
	opacity:0.35;
	width: 16px;
    height: 10px;
    margin-left: 5px;
    margin-top: 5px;
    border-left: 4px solid #bbb;
    border-bottom: 4px solid #bbb;}
.checktog .checkradio input:checked + .outer{
	border:none;
    background:#f08b3b;}
.checktog .checkradio input:checked + .outer .inner{
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
	opacity:1;}
.checktog .checkradio .lb{
    padding: 4px 4px 4px 0;}
.checktog .checkradio input:checked + .outer + .lb{
	color:#fff !important;
	font-weight:bold;}
.flx.checkradio .outer{
	position:relative;}
.flx.checkradio .lb{
	flex:1;
	margin-left:5px;}		
.fade {
    transition: opacity .15s linear;}	
.fade{
    opacity: 0;}
.fade.modal,
.fade.show{
    opacity: 1;}	
.tab-wrapper{
	height:100%;}	
.tab-head{
	padding:10px;}
.tab-contents > .tab-pane {
    display: none;
    box-sizing: border-box;
    width: 100%;}	
.tab-contents > .active{
    display: block;
	margin-top:10px;}	
.cont-inner .tab-contents > .active{	
	margin-top:0px;}		
.nav {
    display: flex;
	width:100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;}
.nav-tabs {}
.nav-tabs .nav-item {
	flex: 1;
	position: relative;
	margin-bottom:5px;
    display: inline-block;
    cursor: pointer;
    /*flex: 1 0 auto;*/
    z-index: 0;}
.nav-tabs.st01 .nav-item{
	flex:none;
    padding: 1px 5px;}
.nav-tabs.prcsst .nav-item{
	flex:none;}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
	color:#000;
    display:block;
	padding: 10px;
	font-weight: bold;}
.nav-tabs.prcsst .nav-item.show .nav-link,
.nav-tabs.prcsst .nav-link{padding: 10px 30px;}
.nav-link {
    display: block;}
.tab-wrapper .line {
  position:absolute;
  width: 0;
  height: 7px;
  background-color:#257fc4;
  top: 0;
  left: 0;
  transition-duration:.1s;}
.nav-tabs .nav-link.active .line{
	width:100%;}
.nav-tabs .nav-link:not(.active):hover .nav-link{
	background-color:#e6f3fd;}
.nav-tabs .nav-link:not(.active):hover .line{
	width:100%;
	background-color:#9fc0da;}		
.nav-tabs.-btnst .nav-link{
	border-radius: 50px;
    padding: 7px 15px;}
.nav-tabs.-btnst .nav-link.active{
	background-color: #E1F4F9;}
.nav-tabs.-btnst .nav-link:hover{
	background-color: #E1F4F9;}

.menust.nav-tabs .nav-item {
	margin-right:0;
	text-align:center;
	position: relative;
	margin-bottom:20px;
    display: inline-block;
    cursor: pointer;
    z-index: 0;}
.menust.nav-tabs.col3 .nav-item{
	width:33.3333%;}
.menust.nav-tabs.col2 .nav-item{
	width:50%;}
.menust.nav-tabs .nav-item.show .nav-link,
.menust.nav-tabs .nav-link {
	padding:0;
	padding-bottom:9px;
	color:#000;
    display:block;
	font-weight: bold;}
.menust.nav-link {
    display: block;}
.menust.nav-tabs .line {
  position:absolute;
	width:100%;
  height:4px;
  background-color:rgba(0,0,0,0);
  bottom:0;
  top:auto;
  left: 0;}
.menust.nav-tabs .nav-link.active + .line,
.menust.nav-tabs .nav-item:hover + .line{
    background-color:#009CF0;}
.menust.nav-tabs .nav-link:not(.active):hover .nav-link{
	background-color:transparent;} 
.menust.nav-tabs .nav-link:not(.active):hover + .line{
	width:100%;
  background-color:rgba(0,0,0,0.1);}

.menust.v2.nav-tabs{margin-bottom: 2px;}
.menust.v2.nav-tabs .nav-item{
	flex:none;
    padding: 0 20px;}
.menust.v2.nav-tabs .nav-item .nav-link{
	font-weight: normal;
	color: #999;}
.menust.v2.nav-tabs .nav-item .nav-link.active{
	font-weight: bold;
	color: #000;}
.prcsst.nav-tabs{
    padding-top: 5px;}
.nav-tabs .nav-item .num{
    position: absolute;
    right:1px;
    top: -3px;}	
.nav-tabs.menust.v2 .nav-item .num{
	top:0px;
    right:-5px;}
.nav-tabs.menust.v2.-nxt-arr .nav-item{
	margin-right: 30px;}
.nav-item.nxt-arr:before{
    position: absolute;
    right: -30px;}
.nav-item[class~='nxt-arr']:last-of-type:before{display: none;}
.prcsst.nav-tabs .nav-item a{
	background-color: #fff;
    border: solid 1px #bbb;
    text-align: center;
    border-radius:5px 5px 0 0;
    margin-right:2px;}
.prcsst.nav-tabs .nav-item:last-child a{
    margin-right:0px;}
.prcsst.nav-tabs .nav-item a.active,
.prcsst.nav-tabs .nav-item a.active:hover{
	background-color:#009CF0;
	color: #fff;}
.prcsst.nav-tabs .nav-item a:hover{
	background-color:#E9FAFF;}
.prcsst.nav-tabs .nav-item:last-child a{
    margin-right:0px;}
.prcsst-contents{
    border: solid 1px #bbb;
    background: #fff;
    margin-top: -1px;}
.prcsst-contents.wscrl{
    margin-top: -5px;}/* with child class data-simplebar*/
/*https://staff.builmendx.com/~lee/design/haken/mngstaff-detail.html */
.head .menust.nav-tabs .nav-item {
    font-size:1.1rem;
    margin-bottom: 0;
	letter-spacing:1px;
	flex:1;}
.head .menust.nav-tabs .line {
    height:4px;}	

@media screen and (max-width:600px){
ul.dlst	li > span.f_w_b{
	width:100% !important;}
}

.nav-item.disa .nav-link{
	color:#ddd;
	cursor:not-allowed;}
.nav-item.disa .nav-link:not(.active):hover + .line{
	width:0%;}
.menust.nav-tabs .nav-item.disa .line{
	width:0%;}	


.datecal{
	position:relative;}	 
.datecal i{
	font-size:1.3rem;
	color:#bbb;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-10px;}
.datecal input{
	width:115px;
	padding-left:30px !important;}
/***** datepicker *****/
.ui-datepicker{width: 174px;}
.datepicker-inline, 
#ui-datepicker-div{
    z-index:1000000000 !important;
    display:none;
    background:#ddd;
    position:relative;
    margin-top:1px;
    border:solid 1px #ddd;}
#ui-datepicker-div a{
	color:#666;}
.ui-datepicker-header,
.ui-datepicker-calendar{
    font-size:12px;}
.ui-datepicker-header{
    text-align:center;
    padding:8px 0;} 
.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next{
    width:10px;
    height:15px;
    display:block;
    overflow:hidden;
    cursor:pointer;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
    
.ui-datepicker-header a.ui-datepicker-prev{
    float:left;
    margin-left:5px;
    background-position:-15px 0;}
.ui-datepicker-header a.ui-datepicker-next{
    float:right;
    margin-right:5px;
    background-position:-30px 0;}
.ui-datepicker-today{
    font-weight:bold;
}
.ui-datepicker-calendar{
    border-collapse:collapse;
    background-color:#fff;}
.ui-datepicker-calendar{
    border-left:none;
    border-right:none;} 
.ui-datepicker-calendar th{
    background:#efefef!important;}
.ui-datepicker-calendar th, 
.ui-datepicker-calendar td{
    border:none !important;
    padding:4px;}
.ui-datepicker-calendar th{
    padding:6px 4px;}
.ui-datepicker-calendar td{
    text-align:center !important;}
.ui-datepicker-calendar td:hover{
    background-color:#6edef7;}
.ui-datepicker-title select {
    padding: 0;
    height:20px;
    margin-top:-2px;}
    	
.ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker-title select.ui-datepicker-year {
    margin-right:2px;
    font-size: 12px !important;}
.ui-datepicker-title select.ui-datepicker-year {
	width:50px;}
.ui-datepicker-title select.ui-datepicker-month{
	width:40px;
    margin-left:8px;}
.ui-datepicker-today{border-radius: 3px;
           background-color:#F90 !important;}
#ui-datepicker-div .ui-datepicker-today a{
	color:#fff !important;}
.ui-datepicker-date-kinmubi .ui-state-default {
           background-image : none;
           background-color : #F39800  !important;}
		  
#ui-datepicker-div.viewst{
	z-index:1 !important;
	display:block !important;
	position:relative !important;
	top:0 !important;
	left:0 !important;} 
#ui-datepicker-div.viewst.ui-datepicker table {
    width: 100%;}	
.ui-timepicker-list{
	height: 200px;
	overflow: auto;
	background:#fff;
	border:solid 1px #ccc;}
.ui-timepicker-am,
.ui-timepicker-pm{
	padding: 5px;}
.pageset{
    min-height: 37px;
	position:relative;
	margin-top:20px;}	
.pageset .right{
	margin-left:0;
	position:absolute;
	top:0;
	right:0;}
.pagination a {
    color: black;
    padding:5px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #bbb;
	background-color:#fff;
    margin: 0 4px;}
.pagination a.active {
    background-color:#dde8eb;
    color:#000;
    border: 1px solid #bbb;}
.pagination a:hover:not(.active) {background-color: #ddd;}	
@media screen and (max-width:640px){
.pagination.flx{}	
.pagination.flx a:nth-child(6),
.pagination.flx a:nth-child(7){
	display:none;}
}
table{
    border-spacing: 0;
    border-collapse: separate;
	table-layout:fixed;
	width:100%;
	background-color:#fff;}
table.coll{
	border:none !important;
    border-collapse:collapse;}
table.-layf{table-layout: auto;}
td.td-bdrbdot,
.td-bdrbdot td{
	border-bottom-style: dotted !important;}
.box.on_hover table{
	background-color:rgba(255,255,255,0.4);}
.box.on_hover table th{
	background-color:rgba(238,238,238,0.4);}
/*https://staff.builmendx.com/~lee/design/bmdx/supply_detail_v2.html#sec01 */
table .spacer{border:none !important;}
table.def.v2{
	border-top:none;
	border-left: none;}
table.def.v2.-bdrb td{border-bottom: solid 1px #ccc;}
table.def.v2 th,
table.def.v2 td{
	text-align: left;
	border:none;}
table.def.v2 th,
table.def.-v2 th{
	background-color: #eee;}
table.def.v3{
	border-right:solid 1px #ccc;}
table.def.v3 th,
table.def.v3 td{
	border-right: none;}
table.def.-docu{
	border-top:solid 1px #333;
	border-left:solid 1px #333;}
table.def.-docu td,
table.def.-docu th{
	background-color: #fff;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;}
table.def th.spacer{
	display: block;
	margin-top: -1px;
	background-color:#fff;}
table.def{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;}	
table.def.-l000,
table.def.-l000 > thead th,
table.def.-l000 > tbody th,
table.def.-l000 > tbody td{
	border-color: #000;}
table.def th{
	background-color:#dde8eb;}
table.def th,
table.def td{
	padding:6px 8px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}	
.tab-inner{
	padding:6px 8px;}
.nbdrb-row,
.nbdrb-row ~ td{border-bottom: none !important;}
table.invailhv .hover{
	background-color:transparent;}
table a.disund:hover{
	text-decoration:underline;}	
.tdhover td:hover{
	background-color:#FDFFDF !important;}
.tdhover-row-t.active ~ td,
.formst .tdhover-row-t.active ~ td input,
.formst .tdhover-row-t.active ~ td .select-wrap{
	background-color:#FDFFDF !important;}
table.mini th,
table.mini td{
	padding:4px;}	
table.-dlst th,
table.-dlst td{
	padding:8px;}
table.clrst,
table.clrst th,
table.clrst td{border:none !important;}
table.plain th,
table.plain td{
	vertical-align:top;
	padding:4px;}
table.plain th{
	padding-top:0;}
table tr.active td{
	background-color:#bbb !important;}
table.va_top td{
	vertical-align:top;}
table tr[class^="bg-"] th:not(.tdfix):not(.leftdfix):not(.oric),
table tr[class*=" bg-"] th:not(.tdfix):not(.leftdfix):not(.oric),
table tr[class^="bg-"] td:not(.tdfix):not(.leftdfix):not(.oric),
table tr[class*=" bg-"] td:not(.tdfix):not(.leftdfix):not(.oric){
	background-color:transparent !important;} 


@media screen and (max-width:771px){
.res-data > colgroup,
.res-data > thead > tr > th{
	display:none;}
.res-data,
.res-data tbody,
.res-data tbody tr{display: block;}


table.def.res-data{
	border-top: none;
	background-color: transparent;
	border-left: none;}
.res-data tbody tr{
	margin-bottom:12px;
    box-shadow:0px 1px 3px -1px rgba(0,0,0,0.2);}
.res-data > tbody > tr >td:before {
	position:absolute;
	left:0px;
	top:0px;
    padding:6px;
    line-height: 1.1;
    height: 100%;
    content: attr(data-title)"" ;
	font-weight:bold;
	white-space:normal;}
.res-data > tbody > tr >td:before {
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
	background-color: #E5EBEC;}	
.res-data > tbody > tr > td{
	background-color: #fff;
	text-align: left !important;
	position:relative;
    padding:6px;
	display:block;
	overflow: hidden;
	min-height:32px;}	
.res-data > tbody > tr > td:first-child{
    border-top: solid 1px #ccc;}	
.res-data > tbody > tr > td:before {    
    width: 26.4%;}
.res-data > tbody > tr > td{
	padding-left:calc(26.4% + 20px) !important;}
.res-data > tbody > tr > td.rowdiv{
	padding-left:calc(26.4% + 9px) !important;}
.res-data > tbody > tr > td p{}
.res-data > tbody > tr > td .btn:not(.sq){
	display:inline-block;}
.res-data > tbody > tr > td.sm-view:before{
	 display:none;
	 width:0;}
.res-data > tbody > tr > td.sm-view{
	padding-left: 0 !important;
	border:none !important;}
.res-data > tbody > tr > td.sm-view.-st02{
	padding-left:8px !important;
	border:solid 1px #ccc !important;}
table.-linest.res-data{
	background-color: transparent;}	
.-linest.res-data > tbody > tr > td:first-child {
    border-top: solid 2px #000;}	
.-linest.res-data > tbody > tr >td:before{
    border-right:none; 
    border-left:none;
	background-color: #f7f7f7;}
	
}


.resizable-tab-col{
	padding:0px 1px 1px 0px;
	background-color:#aaa;}
.resizable-tab-col table.listfullmod tbody tr:last-child td{
    border-bottom:none;}
table.listfullmod{
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;}
table.listfullmod.dft{
	border-left: none;
	border-right: none;}
table.listfullmod thead{
	background-color:transparent;}
table.listfullmod thead th,
table.listfullmod tbody th{
    border-top: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #888;
	font-weight: normal;
	text-align:left;
	padding:6px;
    background-color: #e7e7e7;
	box-shadow: 
		rgba(255 255 255 / 80%) 0px 1px 1px 0px inset,
		rgba(255 255 255 / 30%) 2px 0px 1px 0px inset,
		rgba(9 9 9 / 8%) -1px 0px 2px 0px inset,
		rgba(9 9 9 / 8%) 0px -1px 2px 0px inset;}
table.listfullmod tbody th{
    border-top:none;}
table.listfullmod thead th.current{font-weight: bold;}
table.listfullmod tbody th + td{
	border-left: none !important;}
table.listfullmod thead th:last-child{
    border-right:none;}
table.listfullmod tbody{
	background-color:#fff;}
table.listfullmod tbody td{
	padding:6px 8px;
	border-bottom:solid 1px #ddd;}
table.listfullmod tbody td.data0{background-color: #eee;}
table.listfullmod tbody td:last-child{
    border-right:none;}
table.listfullmod tbody tr:hover td{
	background-color:var(--hoverclr);}
table.listfullmod tbody tr:last-child td{
	border-bottom:solid 1px #aaa;}
table.listfullmod.form.on tbody tr:hover td{
	background-color:transparent;}
table tbody tr.bg-silver:hover td{
	background-color:transparent !important;}	
table.def .rowdiv{
    height: 100%;
    padding: 0px;}
table.def .rowdiv .rowdivin{
	height:100%;}
table.def .rowdiv .coldiv{
	padding:0 !important;}
table.def .rowdiv .coldivin{
	display:block;
	padding:6px;}
table.def .rowdiv .rowdivin > li{
	border-top: solid 1px #8798a1;}	
table.def .rowdiv .rowdivin > li:first-child {
    border-top: none;}
.resizable-tab-col table.resizing, 
.resizable-tab-col table th::before {
  cursor: col-resize;
  user-select: none;}
.resizable-tab-col table th {
  position: relative;}
.resizable-tab-col table th:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;}
.resizable-tab-col table th:last-of-type::before {
  display: none;}
.resizable-tab-col.fullst .listfullmod th{}
.resizable-tab-col table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;}
.resizable-tab-col table thead th.rowb{
  top:45px;}
.bg-form td input{background-color:#fff !important; border:solid 1px #aaa;}
.cellfix table{
	border-left: none;
	border-top:none;}
.cellfix table > td,
.cellfix tbody td.tdfix{background-color: #fff;}
.cellfix table > tr:hover > td,
.cellfix table > tr:hover > .tdfix{background-color:var(--hoverclr);}
.cellfix table > table tr[class^="bg-"] td,
.cellfix table > table tr[class*=" bg-"] td{background-color:unset;}
.cellfix .hover:hover td,
.cellfix .hover:hover th{background-color:var(--hoverclr) !important;}
.bg-form td{background-color:#f0f0f0;}
.bg-form td.sped{background-color:#fff;}
.cross-on-cell:not(.-nothv){background-color:#d6ffeb !important;}
th.cross-on-cell .btn{
	background-color:#d6ffeb !important; 
	color:#000 !important;}
.cross-on:not(.-nothv){background-color:#C8F0A6 !important;}

/*https://staff.builmendx.com/~lee/design/bmdx/estimate-d-edit.html*/
.cellfix.-mwst1200 table:not(td table){min-width: 1200px !important;}
.cellfix.-mwst1000 table:not(td table){min-width: 1000px !important;}
.cellfix.-mwst800 table:not(td table){min-width: 800px !important;}

.cellfix table >  thead th{
    position: sticky;
    top: 0;
	z-index: 11;} 
.cellfix table >  thead th.leftdfix{
    left: 0;
	z-index: 13;}
.cellfix .tdfix{
	background-clip: padding-box;
    position: sticky;
    left: 0;}
.cellfix table >  thead .tdfix{
	z-index: 12;} 
.cellfix table >  tbody .tdfix{
	z-index: 10;}
.cellfix table >  thead .tdfix.fin,
.cellfix table tbody .tdfix.fin{
	border-left: solid 1px #ccc;}
.cellfix table.def thead tr:first-of-type th{
	border-top: solid 1px #ccc;}
.cellfix table.def tr th:first-of-type,
.cellfix table.def tr td:first-of-type,
.cellfix table.def tr .tdfix + .tdfix{
	border-left: solid 1px #ccc;}
.cellfix table.def tr .tdfix + td:not(.tdfix){
	border-left: none !important;}
table.formst{}
table.formst tbody th{padding:1px 2px !important;}
table.formst td{
	padding: 0 !important;}
table.formst tbody tr{height: 1px;}
table.formst tbody tr td{height: inherit;}
table.formst tbody tr td > .-inner{
	padding:2px 4px;
	min-height: 27px;
	width: 100%;
    display: flex;
    align-items: center;}
table.formst tbody tr td > .-inner.taRight{justify-content: flex-end;}
table.formst tbody tr td > .-inner.taCenter{justify-content: center;}
table.formst td input:not([type='checkbox'], [type='radio']),
table.formst td textarea,
table.formst td .select-wrap{
	width: calc(100%);
	height: 27px;
	border:none;
    background-color: aliceblue;}
table.formst td .checkradio{margin-top: 4px; margin-bottom: 3px;} 
table.formst.-wtinp td{background-color: #f0f0f0;}
table.formst.-wtinp td input:not([type='checkbox'], [type='radio']),
table.formst.-wtinp td textarea,
table.formst.-wtinp td .select-wrap{
    border: solid 1px #fff;
    background-color: #fff;}
table.formst td .value-t{background-color: transparent;}
table.formst .trclr-hd td input,
table.formst .trclr-hd td textarea,
table.formst .trclr-hd td .select-wrap{
    background-color:#fff2f5;}
table.formst td input:focus,
table.formst td .select-wrap:focus{background-color:#fff;}
table.formst.tdhover tbody tr:hover th,
table.formst.tdhover tr:hover input,
table.formst.tdhover tr:hover textarea,
table.formst.tdhover tr:hover .select-wrap{
	background-color:var(--hoverclr) !important;}
table.formst.tdhover td input:hover,
table.formst.tdhover td textarea:hover,
table.formst.tdhover td .select-wrap:hover{
    background-color: #FDFFDF !important;}
table.formst.tdhover input.-on{
	background-color:#fff;
    box-shadow: 0 0 0px 1px rgba(0, 121, 158, 1) inset;}
.-selcellT{cursor: pointer;}
.-selcellT.-on{}
table.listfullmod tbody th.-selcellT.-on{background-color: #FFDD00;}
table.formst.tdhover tbody tr:hover th.-selcellT.-on{background-color: #FFDD00 !important;}

table.-linest > thead th{
	border-top:solid 2px #000  !important;
	border-bottom: solid 2px #000 !important;
	text-align: center;
	padding:6px 6px 4px 6px;}
table.-linest > thead.-rowspan tr:last-of-type th{
	border-top:none !important;}

table.-linest > tbody > tr > td,
table.-linest > tbody > tr > th{
	padding:6px;
	border-bottom: solid 1px #ccc;}
table.-linest > tbody > tr.thdintbody > td,
table.-linest > tbody > tr.thdintbody > th{
	font-weight: bold;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;}
table.-linest.-vline{}
table.-linest.-vline th,
table.-linest.-vline td{border-right:solid 1px #aaa;}
table.-linest.-vline th:first-of-type,
table.-linest.-vline td:first-of-type{border-left:solid 1px #aaa;}
table.-linest > tbody > tr:last-of-type > td,
table.-linest > tbody > tr:last-of-type > th{
	border-bottom: solid 2px #000 !important;}
@media screen and (max-width: 771px){
table.-linest.res-data > tbody > tr:last-of-type > td,
table.-linest.res-data > tbody > tr:last-of-type > th{border-bottom: solid 1px #ccc !important;}
	
}
.jscroll-added table.-linest tbody > tr:last-of-type > td, 
.jscroll-added table.-linest tbody > tr:last-of-type > th {
    border-bottom: solid 1px #ccc !important;}
table thead.taLeft th{text-align: left !important;}

table.form th{
	font-size:1rem;
	text-align:left;}
table.form td{
	padding:4px 8px 0 0;}	
table.form.on th{
	font-size: 13px;
	text-align:left;}
table.form.on td{
	padding:0;}
table.form.on td input[type="text"] {
    background-color: #fff;
	padding:2px;
    height: 32px;
    border-radius: 0;
	border: none;}
table.form.on td input[type="text"]:focus{ 
    background-color:#ebfffb;}
table.form.on td .select-wrap {
    background-color: #f0f0f0;
    border: none;
    height: 32px;}	
table.all-hover > tbody > tr:hover > th:not(.-notme),
table.all-hover > tbody > tr:hover > td:not(.-notme){
	background-color:var(--hoverclr) !important;}
table tr.currentr:not(.DetaildataR) td{
	background-color:var(--hoverclr) !important;}
dl.table{
	font-size: .9rem;
    display: flex;
    word-break: break-all;}	
.form.on dl.table dt,
.form.on dl.table dd .txt:not(.img){
	padding-top:8px;}	
.form.on dl.table dd .txt:has(.checkradio){
	padding-top:5px;}
.form.on dl.table dt:has(.must)	{padding-right: 35px;}
.form.on dl.table dt:has(.must.pr_parent)	{padding-right:0px;}
.form.on dl.table dt:has(.must.pr_parent)	{
    padding-top:2px;}


.form.on.-v2 dl.table dt:has(.must)	{
	padding-left: 35px; padding-right:0px;}
.form .must,
.form .optional{
	font-weight:bold;
	position:absolute;
	right:0px;
	top:9px;
	background-color:#F00;
	border-radius:3px;
	color:#fff;
	font-size:0.7rem;
	padding:2px 4px;}
.form.on .must{
	right:0px;
	top:6px;}
.form.on.-v2 .must{
	left:0px;
	right:auto;
	top:6px;}
.must.ko{
	font-size: 1.3rem;
	font-weight: bold;
	color:#F00;
	background-color: transparent;}
.form.on.-v2 .must.ko{
	right:-20px;
	top:3px;
	left:auto;}
.form .optional{
	background-color:#25C035;}
.clmst.form .must{
	position:relative;
	right:0;
	top:0;
	margin-left:5px;}	
.form.on dl.table dd{}
.form.on.-mobac{}
.form.on.-mobac dd .title-i{
	justify-content: center;
    align-items: center;
	width:70px;
	height: 40px;
	display: none;
	font-size: 1.8rem;}
.web-v-m .form.on.-mobac dt{
	display:none;}
.web-v-m .form.on.-mobac dd{
	display: flex;
    align-items: center;}
.web-v-m .form.on.-mobac dd .title-i{
	display: flex;}
.web-v-m .form.on.-mobac dd .title-i ~ input{height: 40px; font-size: 1.2rem;}
dl.table dt{
	position:relative;
	font-weight:bold;
	margin-right:12px;}
.colonst dl.table dt:after{
	content: ":";}
.colonst[class^="fcn"] dl.table dt:after, 
.colonst[class*=" fcn"] dl.table dt:after{
	content: ":";
    position: absolute;
    right:-2px;}
.clmst dl.table dt{
	margin-right:0px;} 	
dl.table dt .btn{
	font-weight:normal;}	
dl.table dd{
	width:100%;
	position:relative;
	flex:1;}	
.dt100 dl.table dt{
	width:115px;}
.dt150 dl.table dt{
	width:150px;}
.dt180 dl.table dt{
	width:180px;}
.dt200 dl.table dt{
	width:200px;}
.dt220 dl.table dt{
	width:220px;}
.dt240 dl.table dt{
	width:240px;}
.fcn2 > dl.table > dt{
	width:calc(15px * 2);}	
.fcn3 > dl.table > dt{
	width:calc(15px * 3);}	
.fcn4 > dl.table > dt{
	width:calc(15px * 4);}	
.fcn5 > dl.table > dt{
	width:calc(15px * 5);}	
.fcn6 > dl.table > dt{
	width:calc(15px * 6);}	
.fcn7 > dl.table > dt{
	width:calc(15px * 7);}	
.fcn8 > dl.table > dt{
	width:calc(15px * 8);}	
.fcn9 > dl.table > dt{
	width:calc(15px * 9);}	
.fcn10 > dl.table > dt{
	width:calc(15px * 10);}	
.fcn11 > dl.table > dt{
	width:calc(15px * 11);}	
.fcn12 > dl.table > dt{
	width:calc(15px * 12);}	
.fcn13 > dl.table > dt{
	width:calc(15px * 13);}	
.fcn14 > dl.table > dt{
	width:calc(15px * 14);}	
.fcn15 > dl.table > dt{
	width:calc(15px * 15);}	
.fcn16 > dl.table > dt{
	width:calc(15px * 16);}	
.fcn20 > dl.table > dt{
	width:calc(15px * 20);}	

.dl-set dl.table{
	margin-bottom:13px;}	
.dl-set.stripe dl.table:nth-child(even){
	margin-bottom:0 !important;
	background-color: #efefef;}
.form.-v2 > dl.table > dt{
	text-align: right;
	margin-right:25px;
	font-size: 0.9rem;}	
.form.-v2.on > dl.table > dt{
    padding-top: 6px;}	
.mr_b7{
	margin-bottom: 7px;}
.clmst.form.on dl.table{
	margin-bottom:15px;}	

.flx.col2 .flx-i:has(.dl-set):first-of-type{
	padding-right:3px;}
.flx.col2 .flx-i:has(.dl-set):last-of-type{
	padding-left:3px;}


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

.dl-set dl.table{
	margin-bottom:12px !important;}		
		
dl.table{
	-webkit-flex-direction: column; 
     flex-direction:column;}
dl.table dd,
dl.table dt{
	text-align: left;
	width:100% !important;
	flex:none;}
.flx.col2 .flx-i:has(.dl-set){
	width: 100%;
	padding-right:0px !important;}
 dl.table dd{
	flex:none;}
.form.on dl.table{
	-webkit-align-items: start;
	align-items: start;}
.form.on dl.table dt{
	margin-bottom:2px;}	
.form.on .must{
	top:0;
	right:auto;
	position:relative;
	margin-left:10px;}
.form dl.table dd .tag,
.form dl.table dd .tag-tgl{
	position:absolute;
	right:0;
	top:-23px;
	margin-right:0 !important;
	padding-top:0 !important;}
.form.on dl.table dd .tag,
.form.on dl.table dd .tag-tgl{
	top:-28px;}
	
	
.form.on dl.table dt,
.form.on dl.table dd .txt,
.form.on dl.table dd .txt.md{
	padding-top:0px;}	
	
}	
.dl-set dl.table:last-child,
.form.on dl.table:last-child{
	margin-bottom:0px;}


.dl-set.col2 dl.table.linefd{
	width: 100%;}
.dl-set.col2 dl.table.linefd dt,
.dl-set.col2 dl.table.linefd dd{width: 49%;}
.dl-set.col2 dl.table.linefdr{}


	
			
.clmst dl.table{
	-webkit-flex-direction: column; 
     flex-direction:column;}	
.clmst dl.table dt,
.clmst dl.table dd{
	flex:none;
	width:100%;
	padding:0;}
.clmst dl.table dt{
	margin-bottom:3px;}
.clmst.wline dl.table dt{
	margin-bottom:0px;}
.clmst.form.on .must{
	position:relative;
	right:0px;
    top:-3px;
	margin-left:10px;}
.clmst.form.on dl.table dt, 
.clmst.form.on dl.table dd .txt {
   padding-top:0;}	
.mini  dl.table dt, 
.mini  dl.table dd{
	font-size:0.71rem !important;}
.mini  dl.table dt{
	letter-spacing:-1px;
	margin-right:5px;}
.mini dl.table{
	margin-bottom:8px !important;}	
.mini.form.on dl.table dd{
	min-height:25px;}	
.mini.form.on dl.table dt, 
.mini.form.on dl.table dd .txt,
.form.on:has(.mini) dt,
.form.on:has(.mini) dd .txt{
	padding-top:4px !important;}


.dl-set.-v3 > dl.table{
	display: flex;}  
.dl-set.-v3 > dl.table dt{
	padding-top:8px;}
.dl-set.-v3.-form > dl.table{}
.dl-set.col2.-v3{justify-content: space-between;}  
.dl-set.col2.-v3 > dl.table{
	width: 49%;}
.dl-set.-v3 > dl.table dd{
	padding:7px 4px 6px 4px;
	min-height: 34px;
	background-color: #eee;}
.dl-set.-v3.-form > dl.table dd{
	background-color: transparent;
	padding:0px;}

.dl-set.-v3.-form .must{
    right: 0px;
	top:8px;}
.dl-set.-v3.-form .txt{
	margin-top: 8px;}

.must{
	color: #fff;
    background-color: #F70004;
    font-size: .7rem;
    padding: 1px 3px;
    border-radius: 3px;
    position: absolute;
    top: 3px;
    right: 3px;}
.must.pr_parent{
    top:0px;
    right:0px;}
/*https://staff.builmendx.com/~lee/design/hotelmng/staff-detail.html */
.dtst{}
.dtst dt{
	color:#999;
	font-weight: normal !important;}
.form.ddst dl.table dd > .editW{
	min-height:36px;
    border-bottom: solid 1px #ddd;}
.form.ddst dl.table dd > .editW.on{
    border-bottom: solid 1px #fff;}
.dl-set.wline{
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;}
.dl-set.wline > dl.table{
	margin-bottom:0px !important;}	
.dl-set.wline > dl.table > dt,
.dl-set.wline > dl.table > dd{
	padding:8px;
	border-bottom: solid 1px #ccc;}
.dl-set.wline.mini > dl.table > dt,
.dl-set.wline.mini > dl.table > dd{
	padding:2px;}
.dl-set.wline.-nrww > dl.table > dt,
.dl-set.wline.-nrww > dl.table > dd{
	padding:4px;}
.dl-set.wline.-formst > dl.table > dd{
	padding:0px;}
.dl-set.wline.-formst > dl.table > dd input[type="text"],
.dl-set.wline.-formst > dl.table > dd .select-wrap,
.dl-set.wline.-formst > dl.table > dd textarea{
	border:none;}
.dl-set.wline.form.on > dl.table > dt{padding:8px 8px 3px 8px;}
.dl-set.wline.form.on > dl.table > dd{padding:0;}
.dl-set.wline.form.on > dl.table.txt > dt,
.dl-set.wline.form.on > dl.table.txt > dd,
.dl-set.wline.form > dl.table > dt,
.dl-set.wline.form > dl.table > dd{
	padding:7px 8px 6px 8px;}
.dl-set.wline.form.on > dl.table > dd textarea{
	border:none;
    background-color: transparent;}
.dl-set.wline.form.on > dl.table > dd input[type="text"]{
    background-color: transparent;
	height: 32px;
	border-radius: 0;
	border:none;}
.dl-set.wline.form.on > dl.table > dd input[type="text"]:disabled{
    background-color:#ddd;}
.dl-set.wline.form.on > dl.table > dd input[type="text"]:focus,
.dl-set.wline.form.on > dl.table > dd textarea:focus{
	background-color:#ebfffb;}
.box .box-top-title.trg0 ~ .dl-set.wline.col2 > dl.table:nth-child(2) dd li:last-child input[type="text"]{border-radius: 0 8px 0 0;} 
.dl-set.wline.form.on > dl.table > dd .select-wrap {
    background-color: #f0f0f0;
	border:none;
    height: 32px;}
.pd_a8{padding: 8px;}
.dl-set.wline > dl.table > dt{
	margin-right:0;
	background-color:#dde8eb;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;}
.dl-set.wline.-v2 > dl.table > dt{
	background-color: #eee;}
.dl-set.wline.-v3 > dl.table > dt{
	background-color: #f7f7f7;
	border-right:none;
	border-left:none;}
.dl-set.wline.-v3 > dl.table > dt, 
.dl-set.wline.-v3 > dl.table > dd {}
.dl-set.wline.-v3 {
    border-right:none;}
.dl-set.wline > dl.table > dd{
	background-color:#fff;}	
@media screen and (max-width:496px){
.dl-set.wline > dl.table > dt{
    border-right: none;}
.dl-set.wline > dl.table > dd{
	border-left: solid 1px #ccc;}
.dl-set.wline.form.on > dl.table > dt{
	margin-bottom:0;}

}


/*https://staff.builmendx.com/~lee/design/haken/attendancerpt.html*/
.hmax td.pd_a0 .hmax .hmax.dl-set.wline{
	border-top:none;} 
.hmax td.pd_a0 .hmax .hmax.dl-set.wline.clmst > dl.table > dd{
	border-left: none;}
.hmax td.pd_a0 .hmax .hmax.dl-set.wline > dl.table > dd {
    border-bottom:none;}
td.pd_a0 .dl-set.wline > dl.table > dt{padding: 6px 8px;}
.dl-set.wline.clmst{}
.dl-set.wline.clmst > dl.table > dt{
	border-right: none;}
.dl-set.wline.clmst > dl.table > dd{
	border-left: solid 1px #ccc;}
.dl-set.wline.clmst > dl.table:last-child dd{
	border-right:none;}	
.dl-set.tabst > dl.table > dt{    
	font-weight: normal;
    background-color: #e7e7e7;
	box-shadow: 
		rgba(255 255 255 / 80%) 0px 1px 1px 0px inset, 
		rgba(255 255 255 / 30%) 2px 0px 1px 0px inset, 
		rgba(9 9 9 / 5%) -1px 0px 1px 0px inset, 
		rgba(9 9 9 / 5%) 0px -1px 1px 0px inset;}
.tabst-wrapper td{
	vertical-align: top;}
.tabst-wrapper .tabst > dl.table > dt{
	height: 25px;
	padding-left:4px;
	padding-right:4px;
	padding-top:3px;
	margin-right:1px;
	border:solid 1px #ccc;
    border-bottom: solid 1px #aaa;}
.tabst-wrapper .tabst > dl.table > dd{
	min-height:25px;}
.tabst-wrapper .tabst > dl.table > dd input[type="text"],
.tabst-wrapper .tabst > dl.table > dd .select-wrap{
    height:25px;}
@media screen and (max-width:933px){
.tabst-wrapper .col-50{width:100%;}
}
@media screen and (max-width:1011px){
.tabst-wrapper colgroup{display: none;}
.tabst-wrapper tr{
	display: flex;
    flex-wrap: wrap;}
.tabst-wrapper td{
	display:block;
	width: 50%;}
}
@media screen and (max-width:771px){
.tabst-wrapper td{
	width: 100%;}
}
@media screen and (max-width:496px){
.tabst-wrapper .tabst > dl.table > dt {
    min-height:0;
	padding:5px 5px 3px 5px;}
.tabst-wrapper > li,
.tabst-wrapper > li.clm-flx-o{
	flex: none;
	width: 100%;}
.tabst-wrapper > li[class^="w"], 
.tabst-wrapper > li[class*=" w"]{
		width: 100% !important;}
}
.tabst-wrapper > li > .dl-set.tabst{
	margin-right:2px;
	margin-bottom:2px;}
.tabst-wrapper > li.max.flx > .flx-o,
.tabst-wrapper > li.max.flx > .col-50{
	padding-right:2px;
	margin-bottom:2px;}
.tabst-wrapper > li .form.on dl.table dt, 
.tabst-wrapper > li .form.on dl.table dd .txt:not(.img) {
    padding-top:3px;}
.tabst-wrapper > li .btn{height: 25px;}
/*https://staff.builmendx.com/~lee/design/bmdx/estimate-d.html */
.dl-set dl.table.spacer{
	padding:0;}
.dl-set dl.table.spacer dt{
	border-right:none;
	box-shadow: none !important;
	border-left: dotted 1px #ddd !important;
	background-color:#f7f7f7  !important;}
.dl-set dl.table.spacer dd	{
	background-color:#f7f7f7;}

.cont-inner .list.fullmod{
	margin-left:-25px;
	margin-right:-25px;}
.list.fullmod.list-chk{position: relative;}
.list.fullmod.list-chk > .checkradio{
    position: absolute;
    top: -30px;
    left: 11px;}
.list.list-chk .finchk{
	padding-left: 11px;}/*https://staff.builmendx.com/~lee/design/bmdx/supply_detail_v3.html*/
main > .pd_a13 .list.fullmod{
	margin-left:-13px;
	margin-right:-13px;} 
.list .list-i.box{
	padding:12px;
	margin-bottom: 14px;}
.scrolla .simplebar-content > .list{padding: 8px;}
.list .list-i{
	background-color:#fff;
    padding:10px 16px;}
.list .list-i.error{
	color:#95235D !important;
	background-color: #FFD1FA;}
.list .list-i.error:hover{
	background-color: #FDBAFF !important;}
.list .list-i.error .pic:after{
	content: "";
    background-color: #FFD1FA;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.25;}
.list .list-i .leftspc{
    height:100%;
	margin-left: -5px;
    margin-right:11px;}
.box-top-title ~ .list .list-i .leftspc{
	margin-left:0px;}
.list.plain .list-i{
	background-color:transparent;}
.list.dotL .list-i{
	border-bottom: dotted 1px #ddd;} 
.list.dotL .list-i:last-child{
	border-bottom: solid 1px #ddd;} 
.list.lineL .list-i,
.list.fullmod .list-i{
	border-bottom: solid 1px #ddd;}
.list .list-i.sibling{margin-top: -8px;}
.box .list .list-i:last-child{
	border-bottom: none;}
.box .box-top-title + .list *:nth-child(1 of .list-i) {
	border-top: solid 1px #ddd;}
.list.fullmod .list-i:first-child{
	border-top: solid 1px #ddd;} 
.list.fullmod.scroll-container .jscroll-inner {
	border-top: solid 1px #ddd;} 
.list.fullmod.scroll-container .jscroll-inner .list-i:first-child{
	border-top:none;}
.fullmod-rlt-chk{
	margin-left:-10px;}	
@media screen and (max-width: 771px){
.cont-inner .list.fullmod{
	margin-left:-13px;
	margin-right:-13px;}
.fullmod-rlt-chk{
	margin-left:3px;}		
	
}	

.-autoscr-i{}
.-autoscr-i .jscroll-inner > table tbody {
    display: none;}	
.-autoData thead tr{
    visibility: collapse;}
.-autoData thead th{
	font-size: 0 !important;
	padding: 0 !important; 
	background: none !important; 
	border:none !important; 
	height: 0px  !important;}
.-autoData{border-top:none !important;}
.-autoscr-i .jscroll-inner > table.-act{
	z-index: 124;
	position: fixed;
    top:0;}
.-autoscr-i .jscroll-inner > table.inf-wide{
	position: relative;}
.-autoscr-i .jscroll-inner > table tbody{display: none;}
.list.numst1{}
.list.numst1 > li{
    padding-left: 30px;
	margin-bottom:10px;}
.list.numst1 > li:before{
	margin-left: -30px;
    margin-right: 8px;}
.list.numst1 > li:nth-child(1):before{content:"(1)"}
.list.numst1 > li:nth-child(2):before{content:"(2)"}
.list.numst1 > li:nth-child(3):before{content:"(3)"}
.list.numst1 > li:nth-child(4):before{content:"(4)"}	
.list.numst1 > li:nth-child(5):before{content:"(5)"}
.list.numst1 > li:nth-child(6):before{content:"(6)"}		

.list.dot > li{
    padding-left: 18px;
	position:relative;
	margin-bottom:10px;}
.list.dot > li > i{
	font-size:0.55rem;
	position:absolute;
	left:0; 
    top: 50%;
    margin-top: -5px;}	
.list-title{
	font-weight:bold;
	margin-bottom:5px;}	
.list-title li{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;}	
.list.fullmod .leftspc ~ .list-data{
	padding:0 20px;}	
.list.bdrst .list-i{
    border-bottom: solid 1px #ccc;}
aside .list.bdrst .list-i:first-of-type{
    border-top: solid 1px #ccc;}
aside .cont-inner .list .list-i{
    margin: 0px -13px;
    padding:8px 13px 8px 13px;}	
aside .cont-inner .tab-pane-in .defmenu.plain{
    margin: 0px -13px;}
aside .cont-inner .hover.txt{
    margin: 0px -1px;
    padding:3px 13px 3px 13px;
	margin-top:-3px;
	margin-bottom:-3px;}
aside .cont-inner .hover.txt.line1{
	margin-top:0px;
	margin-bottom:0px;}
aside .cont-inner dl.hover,
aside .cont-inner dd.hover,
aside .cont-inner dd > .hover{
    padding:6px 13px 6px 13px;
	margin:-6px -13px;
    width: calc(100% + 26px);} 
.box > .list:last-child .list-i:last-child{
	border-radius:0 0 6px 6px;}	
.list .list-i.pd_a0{
    padding:0px !important;}	
.pd_a12{
	padding:13px !important;}
.pd_a16{
	padding:16px !important;}
.pd_a12b0{
	padding:13px !important;
	padding-bottom:0px !important;}
.pd_a12t0{
	padding:13px !important;
	padding-top:0px !important;}
.pd_a12bt0{
	padding:13px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;}
.pd_a13{padding: 13px !important;}
.pd_r13{padding-right: 13px !important;}
.pd_l13{padding-left: 13px !important;}
.pd_r16{padding-right: 16px !important;}
.pd_l16{padding-left: 16px !important;}
.pd_a25{padding: 25px !important;}
.pd_t0{padding-top:0px !important;}
.pd_b0{padding-bottom:0px !important;}
.pd_l0{padding-left:0px !important;}
.pd_r0{padding-right:0px !important;}

.list .list-i.box  .co-hover.fst{
	border-radius:6px 6px 0 0;}
.list .list-i.box .co-hover.hover{
	padding:12px;}
@media screen and (max-width:460px){
.list .list-i.box > .pa_topright{
	width:100%;
	text-align:center;}
.list .list-i.box > .pa_topright .btn{
	display:inline-block;}
.list .list-i.box > .pa_topright + .pic-box{
	padding-top:40px;}
.list .list-i.box > .pa_topright + .pic-box .rs-pad {
	padding-right:0px;}
}
.list.-linest {
	border-top:solid 1px #ddd;}
.list.-linest .box{
	border-radius: 0;
	border:solid 1px #ddd;
	border-top: none;
	box-shadow: none;
	margin-bottom: 0;
	padding: 0;}
.list.-linest .box .pic-box .box-in{padding: 12px;}
.list.-linest.rowst{
	border-top: none;}
.list.-linest.rowst .box{
	border-top:solid 1px #ddd;}
.list.-linest.rowst .box .pic-box .box-in{padding:16px;}
.list.rowst{
    container-type: inline-size;}
.list.rowst .scroll{
	margin: 0 auto;}
.list.rowst .scroll.nojs,
.list.rowst .jscroll-inner{
	display: grid;
	grid-gap: 20px;
	width: calc(220px * 7 + 20px * 6);
	grid-template-columns: repeat(7,1fr);}
@container (max-width:1670px){
.list.rowst .scroll.nojs,
.list.rowst .jscroll-inner{
	width: calc(220px * 6 + 20px * 5);
	grid-template-columns: repeat(6,1fr);}
}
@container (max-width:1430px){
.list.rowst .scroll.nojs,
.list.rowst .jscroll-inner{
	width: calc(220px * 5 + 20px * 4);
	grid-template-columns: repeat(5,1fr);}
}
@container (max-width:1190px){
.list.rowst .scroll.nojs,
.list.rowst .scroll .jscroll-inner{
	width: calc(220px * 4 + 20px * 3);
	grid-template-columns: repeat(4,1fr);}
}
@container (max-width:940px){
.list.rowst .scroll.nojs,
.list.rowst .jscroll-inner{
	width: calc(220px * 3 + 20px * 2);
	grid-template-columns: repeat(3,1fr);}
.list.rowst .scroll{
	width: calc(220px * 3 + 20px * 2);}
}
@container (max-width:710px){
.list.rowst .scroll.nojs,
.list.rowst .jscroll-inner{
	width: calc(220px * 2 + 20px * 1);
	grid-template-columns: repeat(2,1fr);}
.list.rowst .scroll{
	width: calc(220px * 2 + 20px * 1);}
}
@container (max-width:470px){
.list.rowst .scroll.nojs,
.list.rowst .jscroll-inner{
	width: calc(220px * 1 + 20px * 0);
	grid-template-columns: repeat(1,1fr);}
.list.rowst .scroll{
	width: calc(220px * 1 + 20px * 0);}
}
.list.rowst.box{
	margin-bottom: 0;
	margin-left:0px;}
.list.rowst .pic-box{
	-webkit-flex-direction: column; 
     flex-direction:column;}
.list.rowst .rowstout{
	display:none !important;}	
.list.rowst .pic-box .left, 
.list.rowst .pic-box .right {
    margin-left: 0;
    margin-right: 0;}	
.list.rowst .pic-box .pic{
	margin:0 auto;}	
.list.rowst .pic-box .box-in {
    flex: none;
    padding-left: 0;
    margin-top:15px;
    width: 100%;}	 
.list.rowst .pic{
	width:130px;
	overflow:hidden !important;}
.list.rowst .pic .img{
	height:130px;
	min-width:130px;
	margin:0 !important;
	width:100% !important;}	
.list.rowst .pic .img i{
	font-size:5rem;}
.list.rowst .pic .img.txt{
	font-size:4rem;}	
	
.list.rowst .list-i.multilink .leftspc{
    height:auto;
    top: 5px;
    left: -10px;}
.list.rowst .rowC-ab{
	position:absolute;
	right: -5px;
    top: -25px;}	
.list.rowst .leftspc ~ .pic-box{
	margin-left:0;
	margin-top:20px;}



.rowst .rowst-out{
	display:none !important;}
.rowst-in{
	display:none !important;}
.rowst .rowst-in{
	display:block !important;}
.list.rowst .elli.rowC{
	word-break:break-all;
	line-height: 1.3;
	display:block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;}	
.list.nob .list-i{
	padding:0;}
.list.nob .box{
	border:none;
	box-shadow:none;
	background-color:transparent;}
.list.nob .title{
	font-size: 13px;
	font-weight:normal;}	
.list.nob.rowst .pic-box .box-in{
	margin-top:5px;}	
	
.rowst{
	display: flex;
    flex-wrap: wrap;}
.rowst.col5 .list-i{
	width:19%;}
.rowst.col4 .list-i{
	width:24%;}
.rowst.col3 .list-i{
	width:32.333%;}
.rowst.col2 .list-i{
	width:49%;}
.rowst.col3.wbtn .list-i{
	padding-bottom:90px;}
@media screen and (max-width:1020px){
.rowst.col3 .list-i{
	width:100%;
	margin-bottom:20px;}
.rowst.col3.wbtn .list-i .pa_botmleft{
	position:relative;
	margin:0 auto;}	
.rowst.col3.wbtn .list-i{
	padding-bottom:0;}	
	
}
.colset-wrap{    
	container-type: inline-size;}
@container (max-width:610px){
.colset-wrap .colset.colis2 .coli:has(.box){
	width:100% !important;}	
}
.colset{
	display: flex;
    margin-left: -20px;
	flex-wrap: wrap;}	
.colset > .coli{
    margin-left: 20px;
	margin-bottom:20px;} 	
.colis6  > .coli{
	width: calc(16.66% - 20px);}
.colis5  > .coli{
	width: calc(20% - 20px);}	
.colis4  > .coli{
	width: calc(25% - 20px);}	
.colis3  > .coli{
	width: calc(33.333% - 20px);}
.colis2  > .coli{
	width: calc(50% - 20px);}
.colis123  > .coli23{
	width: calc(66% - 20px);}
.colis123  > .coli13{
	width: calc(34% - 20px);}
.colis64  > .coli6{
	width: calc(60% - 20px);}
.colis64  > .coli4{
	width: calc(40% - 20px);}
.colis73  > .coli7{
	width: calc(70% - 20px);}
.colis73  > .coli3{
	width: calc(30% - 20px);}
.colis82  > .coli8{
	width: calc(80% - 20px);}
.colis82  > .coli2{
	width: calc(20% - 20px);}
@media screen and (max-width: 1250px){
.colis73  > .coli7{
	width: calc(60% - 20px);}
.colis73  > .coli3{
	width: calc(40% - 20px);}
	
}
@media screen and (max-width: 771px){
.colset{
    margin-left:0px;}
.colset .coli{
	width:100% !important;
    margin-left:0px !important;}
.colset .coli > .box:last-child{margin-bottom: 0 !important;}			
.colset.colis2{
    margin-left: -11px;}
.colis2  > .coli{
	width: calc(50% - 11px) !important;
    margin-left: 11px !important;}	
	
.colset.colis6{
    margin-left: -11px;}
.colis6  > .coli{
	width: calc(33.333% - 11px) !important;
    margin-left: 13px !important;}	

}
@media screen and (max-width: 770px){
.colset.colis2{
    margin-left:0px !important;}
.colset.colis2  > .coli{
	width:100% !important;
    margin-left:0px !important;}	
}
.colwrap{
  flex-wrap: wrap;
  container-type: inline-size;}
.colwrap [class^="col-"],
.colwrap [class*=" col-"]{
	padding-left:20px;}
.colwrap [class^="col-"].bdrr,
.colwrap [class*=" col-"].bdrr{
	padding-left:0px;
	padding-right:20px;}
@media screen and (max-width:771px){

.colwrap [class^="col-"], 
.colwrap [class*=" col-"] {
    padding-left: 10px;}	
.colwrap [class^="col-"].bdrr, 
.colwrap [class*=" col-"].bdrr{
    padding-left: 0px;
	padding-right:10px;}	
	
}
@media screen and (max-width: 920px){
.dblock main .colwrap{
	flex-wrap: wrap;}
.dblock main .colwrap [class^="col-"],
.dblock main .colwrap [class*=" col-"]{
	width:100%;
	padding-left:0px;
	padding-top:10px;}
.dblock main .colwrap [class^="col-"].bdrr,
.dblock main .colwrap [class*=" col-"].bdrr{
	border-right:none;
	border-bottom:solid 1px #ddd;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:10px;}
}
@media screen and (max-width: 640px){
.colwrap{
	flex-wrap: wrap;}
.colwrap [class^="col-"],
.colwrap [class*=" col-"]{
	width:100%;
	padding-left:0px;
	padding-top:10px;}
.colwrap [class^="col-"].bdrr,
.colwrap [class*=" col-"].bdrr{
	border-right:none;
	border-bottom:solid 1px #ddd;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:10px;}
}

@container (max-width:760px) {
.colwrap [class^="col-"], 
.colwrap [class*=" col-"]{
	width: 100%;
	padding-top: 10px;
	padding-left: 0;}
.colwrap [class^="col-"].bdrr, 
.colwrap [class*=" col-"].bdrr {
    padding-left: 0px;
    padding-right: 0px;
	padding-top:0px;
	padding-bottom: 10px;
	border-right: none !important;
	border-bottom:solid 1px #ddd !important;}	
}

/*https://staff.builmendx.com/~lee/invoice/client.html */
.stretch-row{}
.stretch-in{
  transition: all .5s linear;}
.strc-active .stretch-row .stretch-in{
	width: 100%;
border:none;}
.strc-active .stretch-row .stretch-in.-out{
	display: none;}

/*480 600 960 1280*/
.wbtn{}	
@media screen and (max-width: 843px) and (min-width: 772px){
.flx.wbtn{
	flex-wrap: wrap;}
.flx.wbtn .right{
	order:1;
	width:100% !important;
	margin-bottom:5px;}	
.flx.wbtn .flx-o{
	width:100%;
	order:2;}	
}
@media screen and (max-width:640px){
.flx.wbtn{
	flex-wrap: wrap;}
.flx.wbtn .right{
	order:1;
	width:100% !important;
	margin-bottom:5px;}	
.flx.wbtn .flx-o{
	width:100%;
	order:2;}	
}
.linest li{
	border-bottom:solid 1px #ccc;
	padding-bottom:7px;
	margin-bottom:7px;}
table.ell{}
table.ell td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;}  
.elli{
	word-break:break-all;
	display:block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
	line-height: 1.3;}
.list .title.elli [class^="icon-"], 
.list .title.elli [class*=" icon-"],
.list .title.elli2l [class^="icon-"], 
.list .title.elli2l [class*=" icon-"]{
	line-height:normal;}
.f_r07 .elli,
.f_r07.elli{max-height:14px;}
.f_r14.elli{height:28px;}
.elli2l{
	word-break:break-all;
	line-height: 1.3;
	display:block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;}
.elli3l{
	word-break:break-all;
	line-height: 1.3;
	display:block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;}
.elli5l{
	word-break:break-all;
	line-height: 1.43;
	display:block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;}
.elli8l{
	word-break:break-all;
	line-height: 1.43;
	display:block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:8;}
.elli5loffR,
.elli8loffR{
	line-height: 1.43;}	
.colon{
	display:inline-block;
	position:relative;}
.colon:after{
	position:absolute;
	right:10px;
    content: ":";
    font-weight: bold;}	

.spanst li,
.kome{
	position:relative;
	padding-left:15px;}	
.spanst li i{
	font-size:0.5rem;}
.spanst li span:first-child,
.kome span:first-child{
	position:absolute;
	left:0;}
.spanst.st01 li{
	padding-left:30px;}	
	

	
/******************************** POPUP *******/
body.on_pop,
body.modal-open{
	overflow:hidden;}	
#lean_overlay {
    display: none;}
.c-modaldiv {
   overflow:auto;
   display:none;
   width:95%;
   background:#FFF;
   box-shadow:0px 0px 6px rgba(0,0,0,0.7);
   -webkit-box-shadow:0 0 6px rgba(0,0,0,0.7);
   -moz-box-shadow:0 0px 6px rgba(0,0,0,0.7);
   font-size:14px;}
body.on_pop #modaldiv,
body.modal-open #modaldiv,
#modaldiv.prv{
    position: fixed;
    top: 0px;
    left: 0px;
    background:rgba(0,0,0,0.4);
    z-index:88889 !important;
	width:100%;
	height:100%;
	overflow:auto;
	transition: all 0.3s;}	
.poptitle{
	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;}	
.poptitle.mr_t5,
.poptitle.mr_t10{margin-top:7px !important;}
.poptitle + .popinfo{
	margin-top: -15px;
	margin-bottom:15px;}
.modal_close,
.modal-btn-set {
    position: absolute;
    top:0px;
    right:0px;
    display: block;
    z-index:23456;
    font-size:27px;
	width:33px;
	height:33px;
	line-height:33px;
	text-align:center;
    color:#333;}
.modal_close.lgst{
	font-size: 2.3rem;
	top:5px;
	right:7px;}
.modal_close:before{
	line-height:33px;}
.modal-btn-set{
	width:auto;
	top:5px;
	height:33px;
	display:flex;}	
.modal-btn-set a{
	display:block;
    color:#333;
	position:relative !important;
	font-size:27px;
	width:33px;
	height:33px;
	line-height:33px;
	top:0 !important;}
.modal-btn-set a:before{
	line-height:33px !important;}
.modal-top-{
	padding-right:20px;
	margin-top: -8px;}
.popW_body.pd_a0 .modal-top-{
    margin-top: 12px;
    padding-right: 40px;}
/*docuflow/edit.html firstview modal*/
/*docuflow/format-newCreat-nv0.html firstview modal*/
/*invoice/edit_estimate.html firstview modal*/
.modal-btn-set a.icon-pencil,
.modal-btn-set a.icon-trash{
	font-size:22px;}
.modal-btn-set a.icon-trash{
	margin-right:5px;}
.modal-btn-set a.icon-pencil:hover,
.modal-btn-set a.icon-trash:hover{
	color:#0066FF;}
.popW .popW_head + .popW_body .modal_close,
.popW .popW_head + .popW_body .modal-btn-set{	
    top: -85px;}
.popW .right.btn_close_p.dropbox{
	right:5px;}
.popW .right.btn_close_p.dropbox .f_r2.icon-x{
	font-size:27px !important;}
.xout.modal_close{
	top:-50px;
	color:#fff;}	
.hmaxed .xout.modal_close{
    top:0px;
    color:#aaa;}		
.btn_close{
    text-align:center;
    width:50px;
    height:20px;
    line-height:20px;
    background-color:#bbb;
    color:#fff;
    background-image:none;
    bottom:5px !important;
    right:5px;
    position: absolute;}  
.formst .popW_body{
    padding:15px;
    text-align:left;}
.formst .popW_body input[type="text"]{
	height:30px;}

.popW{
	width:80%;
	position:fixed !important;
	display:none;
	z-index:200;}
.popW:not(.-modal){
	left: 50% !important;
	top: 50% !important;
    webkit-filter: blur(0);
	backface-visibility: hidden;
    /*transform: translate(calc(-50% + 0.1px), calc(-50% + 0.5px));*/
	transform: translate(-50%, -50%);}	
.popW .main{
	font-size:1.2rem;}
.popW.prv{
display: block !important;}
  
.popW.prv.nprv{
display: none !important;}	 


.popW.right-ocR-mov{
	overflow:hidden;}
.popW.up{
	display:none !important;
    position: absolute !important;
    width:420px;
	font-size:14px;}
.popW.appear.up{
	display:block !important;}	
.popW.appear.up.gone{
	display:none !important;}	
.popW.up.hmaxed,
.popW.up.hmaxed-i{
	top:20px !important;
	transform: translate(-50%, 0%);}
.popW.up.hmaxed.fixsp{
	top:0px !important;
	transform: translate(-50%, 0%);}
.popW.up.wideMX{}
.popW.up.hmaxed .popW_body{
	width:100%;}
@media screen and (max-height:320px){
.popW:not(.-modal){
	top:20px !important;
	transform: translate(-50%, 0%);}
}

.popW.up,
.-modal.show{
	position:absolute !important;}	
.popW.-modal{
	max-width:600px;}
.popW.-modal.up{
	width:inherit;}
.popW .popW_body{
	position:relative;
	padding:20px 20px 25px 20px;
    border-radius:7px;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
	margin-bottom:20px;}
.popW .popW_head{
	padding:20px;	
	background-size: 90%;
	background-image:url(../img/back01.jpg);}
.popW .popW_head + .popW_body{
	overflow:visible !important;
    border-radius:0 0 7px 7px;}
.popW .popW_body .btnA{
	margin-top:25px;}	
		
.popW.cardst{
	border-radius:30px;}	
.popW.mwide,
.popW.cardst{
	width:98%;
    max-width:610px !important;}
.popW.nvwide{
	width:98%;
    max-width:730px !important;}
.popW.wide{
	width:98%;
    max-width:850px !important;}
.popW.wideX{
	width:98%;
    max-width:1100px !important;}
.popW.wideMX{
	width:98% !important;
    max-width:98% !important;}

.popW.wideMH{
	min-height: inherit !important;
	height: calc(100% - 40px) !important;}
.popW.wideMH .popW_body object{
	height:calc(100vh - 40px) !important;}
.popW.wideMX .popW_body{
	max-height:none;
	padding:0;}	
.popW.wideMX .popW_body .flxclm-wrapper object,
.popW.wideMX .popW_body .flxclm-wrapper iframe {
    height: calc(100vh) !important;}
.popW.wide .popW_body iframe {
	height:480px;}
.popW .popW_body .scrolla.iframe{
	max-height: calc(100vh - 140px);}
.popW.wideMH .popW_body .scrolla.iframe{
	max-height:calc(100vh - 100px);}
.popW.wideMH .wideMH-inner{
	max-height:calc(100vh - 36px);}
.popW .popW_body .flxclm-wrapper .bg-silver + .scrolla .flxclm.top .mhead{
	background-color:#ccc;}

@media screen and (max-width:771px){
.popW .popW_body .flxclm-wrapper .bg-silver + .scrolla .flxclm.top .mhead{
    top: 40px;}
.popW .popW_body .flxclm-wrapper .bg-silver + .scrolla{
    margin-top: 45px;}
}
.popW .popW_body > .flxclm-wrapper{
	max-height:calc(100vh - 80px);}/*docuflow/format-newCreat-nv0.html*/
.popW.wideMH .popW_body > .flxclm-wrapper{
	min-height:calc(100vh - 40px);
	max-height:calc(100vh - 40px);}/*bmdx/estimate-d.html*/
.popW.hmax.fixsp .popW_body.pd_a0 > .flxclm-wrapper{
	max-height:calc(100vh);}/*docuflow/edit.html*/
.popW .popW_body .flxclm-wrapper.hauto{height: auto;}

.popW .popW_body .cont-footer{
	border-radius: 0 0 7px 7px;} 
.popW .popW_body .flxclm-wrapper.nhdr .flxclm.top0 .main-topmenu{
	border-radius:7px 0px 0px 0;} 
.popW .popW_body .flxclm-wrapper .main-topmenu > .flx > .left.flx-o {
    border-radius: 7px 7px 0 0;}
.popW_title{
	font-weight: bold;
	padding:8px 10px;
	background-color: #E7E7E7;
    border-radius: 7px 7px 0 0;}
.pagest.popW.right-ocR .modal_close{
	color:#FFF;}
.pagest.popW.wideMX{
	overflow-x:hidden;}	
.pagest.popW .dblock > main, 
.pagest.popW .dblock > aside{
	transition:none;}
	/*format-newCreat-tempcrt.html */

.popW .popW_body .btnA .btn{min-width:94px;}
	
@media screen and (max-width:450px){
.popW.up,
.appear .popW.up{
    width:97% !important;}	
.popW{
    width:95%;
	min-width:inherit;}
.popW .popW_body{
    padding:20px;}
.popW .flx.sp15.col3 .flx-i {
    width: calc((100% - 2px*2)/ 3);}
	
}


/*https://staff.builmendx.com/~lee/design/kintai/#kintaimemo */
.popout{
	width: 100%;
	background-color: #81FF00;
	padding: 10px;
    position: absolute;
    top: -80px;
    left:0px;}
.appear .popW.up.fullacR.active{
	border-radius:0;
	width:100% !important;
	height:100% !important;
	transform:translate(0,0) !important;
	top:0 !important;
	left:0 !important;}
.popW.fullacR.active .popW_body{
	height:100% !important;
	padding:0;}
.popW.fullacR.active .popW_body video{
	max-height:100%;}
.popW.bg-black{
	background-color:#000 !important;}
.popW.openst.go0{
	top:0% !important;
	left:100% !important;
    transform: translate(50%, -80%) scale(0,0) !important;
    opacity: 0 !important;
    transition: all 1s;
    z-index: 1235;}	
.on_pop_go{
	overflow-x:hidden;}	/*docuflow/edit.html*/
.modal-content .popW{
	position:relative !important;
	top:0  !important;
	left:0  !important;
	display:block;
	margin:0 auto;}	
.popWst .modal-dialog{
	max-width:none !important;}	
.popWst .modal-content{
	background-color:transparent;}
	
.popW.imgzv{
    width: 90% !important;
    height: 90vh !important;
    top: 20px !important;
    left: 50% !important;
    transform: translate(-45%, 0%) !important;}
.popW.imgzv .modal_close{color:#fff;}
.popW.imgzv .popW_body{
    width: 90%;
    height: 90vh;
    background: #000;
    border-radius:14px;
    padding: 0;
    overflow: hidden;}
.popW.imgzv img{
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;}
.popW.imgzv .btn{
	width:30px;
    height:30px;
	border-radius:30px;
    background-color: rgba(255,255,255,0.3);
	border:solid 1px #fff;}
.popW.imgzv .btn i{
	font-size:1rem;}
.popW.imgzv .imgzcover{
	filter: blur(50px);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;}
.popW.imgzv .imginfo{
	display: none;
    color: #fff;
    position: absolute;}
.popW.imgzv:hover .imginfo{display: block;}
.popW.imgzv .imginfo.topa{
    top:30px;
    left:30px;
	font-size: 0.7rem;}
.popW.imgzv .imginfo.btma{
    bottom: 10px;
    right: 10px;}
/* very basic and important layout 
wideMX wideMH hmaxed
<div class="popW_body">
<div class="flxclm-wrapper">
<div class="flxclm top">
<div class="dblock flx leftside wide">
<main>
<div class="navigation scrolla" data-simplebar>
<aside>  page without globalmenu and header on modal*/
.popW .popW_body > .flxclm-wrapper{border-radius: 7px;}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock.nrr2 main{
	padding-left: 153px !important;}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock.nrr2-right main{
	padding-left: 153px !important;
	padding-right: 350px !important;}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock.nrr2-right-wide main{
	padding-left: 153px !important;
	padding-right: 420px !important;}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock.rightside main{
	padding-left:0px !important;
	padding-right: 350px !important;}
@media screen and (max-width: 771px){
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock.nrr2 main{
	padding-left: 0px !important;}}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock.wide main{
	padding-left:360px !important;}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock aside{
	position:fixed !important;}
.popW .popW_body > .flxclm-wrapper.nftr .flxclm.top  .dblock aside{
	border-bottom-left-radius: 7px;}
.popW .popW_body > .flxclm-wrapper .flxclm.top0 + .flxclm.top  .dblock aside.left,
.popW .popW_body > .flxclm-wrapper .flxclm.top0 + .flxclm.top  .dblock aside.right{
	top:47px;
    height: calc(100% - 47px - 54px);}/*https://staff.builmendx.com/~lee/design/bmdx/estimate-d.html footer btn modal  default layout with footer
https://staff.builmendx.com/~lee/design/invoice/order.html#manual-regi00*/
.popW .popW_body > .flxclm-wrapper .flxclm.top0 + .flxclm.top:has(.dblock) + .flxclm.btm.cont-footer{
	display: flex;
    justify-content: center;
    align-items: center;
	min-height:54px;}
.wideMH.popW .popW_body > .flxclm-wrapper .flxclm.top0 + .flxclm.top{overflow: hidden;}/*very important do not delete -->scroll display */
.wideMH.popW .popW_body > .flxclm-wrapper .flxclm.top0 + .flxclm.top  .dblock main .flxclm-wrapper .flxclm.top0 + .flxclm.top .scrolla{height: calc(100vh - 47px - 38px - 54px - 40px);}/*very important do not delete -->scroll display */
.popW .popW_body > .flxclm-wrapper.nftr .flxclm.top0 + .flxclm.top  .dblock aside.left{
	top:48px;
    height: calc(100% - 48px);}/*no footer*/
.popW .popW_body > .flxclm-wrapper .flxclm.top0 .main-topmenu > .flx > .left.flx-o > .flx > .dropbox .icon-x{
	padding-right:15px;
	margin-top: -3px;
	color: #000;}
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock aside.left .scrolla{
	height: 100%;}

@media screen and (max-width: 771px){
.popW .popW_body > .flxclm-wrapper .flxclm.top  .dblock  aside{
    top:0px !important;}
}
@media screen and (max-width:771px){
.flx-o-wrap{
	-webkit-flex-direction: column; 
     flex-direction:column;}
.flx-o-wrap .flx-o{
	flex:none;
	width:100%;}
}

.base-center{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;}/*center in cont-inner main */
.base-center-i{
	left: 50%;
    top: 50%;}/* never use transform  only margin left top -data -----https://staff.builmendx.com/~lee/design/hotelmng/siteMng/index.html */
.blinking{
	-webkit-animation:blink .5s ease-in-out infinite alternate;
    -moz-animation:blink .5s ease-in-out infinite alternate;
    animation:blink .5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}	


@-webkit-keyframes fadeIn{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight{
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight{
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeft{
  from {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft{
  from {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeIn{
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out 0s forwards;
          animation: fadeIn 1s ease-in-out 0s forwards;}
.fadeInDown{
  opacity: 0;
  -webkit-animation: fadeInDown 1s ease-in-out 0s forwards;
          animation: fadeInDown 1s ease-in-out 0s forwards;}
.fadeInUp{
  opacity: 0;
  -webkit-animation: fadeInUp 1s ease-in-out 0s forwards;
          animation: fadeInUp 1s ease-in-out 0s forwards;}
.fadeInRight{
  opacity: 0;
  -webkit-animation: fadeInRight 1s ease-in-out 0s forwards;
          animation: fadeInRight 1s ease-in-out 0s forwards;}	
.fadeInLeft{
  opacity: 0;
  -webkit-animation: fadeInLeft 1s ease-in-out 0s forwards;
          animation: fadeInLeft 1s ease-in-out 0s forwards;}	
		
	
.dropdown{
	position:relative;}	
.dropdown-content{
	display:none;}
.show.dropdown-content{
	display:block;}	
@media screen and (max-width:556px){	
.flx.cont-db{
	-webkit-flex-direction: column; 
     flex-direction:column;}
.flx.cont-db [class^="wp"], 
.flx.cont-db [class*=" wp"]{
	width:100%;}	
.flx.cont-db [class^="wp"]:last-child, 
.flx.cont-db [class*=" wp"]:last-child{
	margin-top:10px;} 
}
	
#gtop{
  display: inline-block;
  background-color:#22AEE3;
  width:40px;
  height:40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom:18px;
  right: 18px;
  transition: background-color .1s, 
    opacity .1s, visibility .1s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#gtop:hover {
  cursor: pointer;
  background-color:#003399;
}
#gtop.show {
  opacity: 1;
  visibility: visible;
}


@media screen and (max-width:730px){
#gtop{
  bottom:70px;
  right:10px;
}	
	
	
}



/* inp style */
.eft{
	position:relative;}
.eft-line{
	border:none !important;
	border-radius:0 !important;
    border-bottom: 1px solid #ccc !important;
	background-color:#fff !important;}
.eft-line ~ .focus-border{
	position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.eft-line:focus ~ .focus-border{
	width: 100%; transition: 0.4s; left: 0;}

.dropboxR-list-wrap{
	position:relative;}	
.dropboxR-list-wrap .dropboxR + input{
	display:none;}
.dropboxR-list-wrap .select-wrap.dropbox{
	width:100%;
	height:34px;}
.dropboxR-list-wrap .select-wrap.dropbox + .dropboxR.-list{
	width:100%;
	font-size:0.95rem;
    left: 0;
    right: auto;
    word-break: keep-all;
    top: -10px;}
.dropboxR-list-wrap .select-wrap.dropbox > span{
	display:block;
	padding:3px 6px;}
.dropboxR-list-wrap .select-wrap.dropbox > span{
	line-height:28px;}
.dropboxR.-list .opt{
	display:block;
	width:100%;
	padding:4px 8px;}
.dropboxR.-list .group + ul li .opt{
	padding:4px 8px 4px 20px;}	
.dropboxR.-list .opt.crnt{
	background-color:#eee;}
.dropboxR.-list .group{
	font-weight:bold;}
	

.inpst{
	border-radius:2px;
	height:34px;
	line-height:34px;
    padding:1px 5px;
    border: 1px solid #ccc;
	background-color: #f7f7f7;}	
.inpst.txtarst{
    padding:3px 5px;
	height:auto;
	line-height:1.3;}	
.inpst.line0{
    border:none;}	
.inpstset{}/*https://staff.neu.co.jp/~lee/opencalendar/top.html*/
.inpstset .dropbox.active .inpstsetB,
.inpstset .dropbox .inpstsetA{
	display:none;}
.inpstset .dropbox.active .inpstsetA{
	display:block;}


@media screen and (max-width:687px){
.wpt-60180flx-o .flx-o{
	width: 100%;
    flex:1 0 auto;}	

}

.inscrl{
    overflow-y: scroll;}
/* You can edit this easily and make it suit your project. I strongly advice to edit the white-space property to fit your project. */


.inputeditable{
	display: inline-block;
  position:relative;
  cursor:text;
  transition:background-color .5s;
  border:none;
  box-shadow: 0px 0px 0px 1.5px #ffffff;
white-space: nowrap;
    text-overflow: ellipsis;
    overflow:visible;
}
.inputeditable:hover{
  background-color:#F4F5F6;
}
.inputeditable .input{
  resize: none;
  position:absolute;
  width:100%; height:100%;
  font-size:inherit;
  box-sizing:border-box;
  background:none;
  outline:none;
  background-color:#FFFFFF;
  top:0px; left:0;
  padding-left:inherit;
  padding-right:inherit;
  padding:inherit;
  font-family:inherit;
  box-shadow: 0px 0px 0px 1.5px #0ebeff;
  border:none;
  word-wrap: break-word;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
white-space: nowrap;
  
}

.inputeditable.on_form{
  display: block;
  min-width:50%;
  max-width:600px !important;}

.inputeditable.on_form_done{
    text-overflow: ellipsis;
    overflow:hidden;}

.loader{
    position: fixed;
    width: 60px;
    height: 60px;
    z-index: 1234;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

/*https://staff.builmendx.com/~lee/design/hotelmng/shift.html */
/*https://staff.builmendx.com/~lee/design/bmdx/pending-d.html*/
.tooltip{z-index: 123;}


.contextMenu.-off{
	display: none;}
.contextMenu{
  font-size: 0.8rem;
  list-style:none; 
  margin:0;
  padding:0;
  position: absolute;
  color: #333;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 0 1px rgba(0,0,0,0.1);}
.contextMenu .txtbtn {
    padding-right: 15px;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;}
.contextMenu .txtbtn:hover{background-color: #eee;}
.contextM {position:relative;}
.contextM a{display:inline;}


.quantity-num{
  display: flex;
  position: relative;}
.quantity-num input[type=number]::-webkit-inner-spin-button,
.quantity-num input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;}
.quantity-num input[type=number]{
  -moz-appearance: textfield;}

.quantity-num input {
	width: 100%;
    display: block;
    margin: 0;}
.quantity-nav {
    position: relative;
    height: 28px;
    border: solid 1px #999;
    margin-left: -1px;}

.quantity-button {
  position: relative;
  cursor: pointer;
    background-color: #eee;
    width: 20px;
  height: 50%;
  text-align: center;
  color: #333;}
.quantity-button:hover{
    background-color: #fff;}
.quantity-button span i{
    font-size: 0.6rem;}
.quantity-button span.qup{padding-top:2px;}
.quantity-button span.qdown{padding-top:2px;}
.quantity-button.quantity-up {
	border-bottom: solid 1px #ccc;}
.quantity-button.quantity-down {}




/* added by mr yamazaki */
/*queryのautocomplete*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}






.-dragflt{
	z-index:23456;
	background-color:#c2ffe7 !important;
	position: absolute;
	box-shadow: 0px 2px 6px rgba(0,0,0, 0.2);}
.-dragflt > td,
.-dragflt > th,
.-dragflt > .tdfix{background-color: #c2ffe7 !important;}



/* added by yamazaki :::date 2/22/2024 */
.ui-helper-hidden-accessible {
	display:none !important;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: normal
}

.ui-ympicker-other-month .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}


.con-type-off{
	container-type:unset !important;}

.-linest:not(.-nothv) thead:not(.-nothv) tr:not(.-nothv) th:not(.-nothv):hover{background-color:#ffffe0 !important;}
.fix-sticky .sticky-header tr th:hover{background-color:#ffffe0 !important;}
.-linest .cell-shadow:not(.DetaildataR [class^="bg-"]):not(.DetaildataR [class*=" bg-"] ):not(.cell-shadow-off){background-color:#ffffe0 !important;}
.-linest tbody td.taRight:not(.formst td.taRight) {padding-right:10px !important;}
.cell-shadow:not(.cell-shadow-off) input:not([type='checkbox'], [type='radio']){background-color:#ffffe0 !important;}
.clkst02:hover{
	background-color:#FFF300 !important;}
.cell-shadow-row{
	background-color:#ffffe0 !important;}
table tr.currentr:has(.cell-shadow-row):hover td{
	background-color:#ffffe0 !important;}
.-linest .cross-on-cell:not(.-nothv),
.-linest .cross-on:not(.-nothv),
.-linest .cross-on-cell > input:not([type='checkbox'], [type='radio']),
.-linest .cross-on > input:not([type='checkbox'], [type='radio']){background-color:#ffffe0 !important;}
.-linest .cell-shadow-me:not(.-nothv){
	background-color:#f7f7a1 !important;}


/* closs hightligh */
/*https://staff.builmendx.com/~lee/design/bmdx/caseMng-d-v2.html */
.-rowhov .highlight:not([class^="bg-"]) {
  background-color:#f7f7f7 !important;}
.-rowhov .highlight-me:not([class^="bg-"]){
  background-color:#ddd !important;}
.-rowhov tr:has(.highlight-me) td:not(.highlight-me) {
  background-color: #f7f7f7 !important;}
.-rowhov tr:not(.-rowhovoff) .highlight-row:not([class^="bg-"]){
	background-color:#ffffe0 !important;}
.-rowhov tr:has(.highlight-row):not(.-rowhovoff) td:not([class^="bg-"]),
.-rowhov tr:has(.highlight-row):not(.-rowhovoff) td input:not([type='checkbox'], [type='radio']){
	background-color:#ffffe0 !important;}
.-rowhov tr:has(.highlight-row):has(.highlight-me):not(.-rowhovoff) td:not([class^="bg-"]){
	background-color:#ffffe0 !important;}
.hvlight{
	background-color:#ffffe0 !important;}


/* https://staff.builmendx.com/~lee/design/docuflow/edit-linkexsys.html */
#pdfinmain{}
.flxclm.top main .scrolla:not(.cellfix) .simplebar-content:has(#pdfinmain){padding: 0;}

:root{
  --hoverclr :#ebfffd;
  --bgsilver :#ddd;
  --bgpalesilver :#efefef;
  --bggray :#bcbcbc;
  --bg333 :#333;
  --bg666 :#666;
  --bg999 :#999;
  --bg000 :#000;
  --bgfff :#fff;
  --bgtransparent:transparent;
  --bgpaleblue:#e3f8ff;	
  --bgwater:#94e8ff;
  --bgsky:#00ddff;
  --bgdsky:#0095ff;
  --bgblue:#0051ff;
  --bgbluekey:#009CF0;
  --bgnavy:#000ea8;
  --bgopblue:50, 190, 255;
  --bgopgrn:35, 205, 30;
  --bgopylw:245, 216, 27;
  --bgoppink:255, 38, 129;
  --bgoporng:255, 99, 0;
  --bgcream:#fafae6;
  --bgpalegrn:#e7fae6;	
}





/* with res-data */
.res-scrltable{}
.scrollbar-top, .scroll-container {
  overflow-x: auto;}
.scrollbar-top {
  white-space: nowrap;}
.scroll-container .res-scrl{
  min-width: 800px;
  width: max-content; }
.res-scrl td {
  white-space: normal; }
@media screen and (max-width: 771px) {
.scrollbar-top, .scroll-container{
  overflow-x:hidden;}
.scrollbar-top{
	display: none;}
.scroll-container .res-scrl{
	width: auto;
	min-width:0px;}
}