@charset "utf-8";
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}

/* フォント指定 */
@font-face {
    font-family: 'MinSubsetFont';
        src: url('/fonts/MinSubsetFont.eot'); /* IE9 Compat Modes */
        src: url('/fonts/MinSubsetFont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('/fonts/MinSubsetFont.woff2') format('woff2'), /* Super Modern Browsers */
             url('/fonts/MinSubsetFont.woff') format('woff'), /* Pretty Modern Browsers */
             url('/fonts/MinSubsetFont.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'BtnMinSubsetFont';
        src: url('/fonts/BtnMinSubsetFont.eot'); /* IE9 Compat Modes */
        src: url('/fonts/BtnMinSubsetFont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('/fonts/BtnMinSubsetFont.woff2') format('woff2'), /* Super Modern Browsers */
             url('/fonts/BtnMinSubsetFont.woff') format('woff'), /* Pretty Modern Browsers */
             url('/fonts/BtnMinSubsetFont.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
	/*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, sans-serif;*/
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, "游明朝", YuMincho, serif;*/
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, 'MinSubsetFont', "游明朝", YuMincho, serif;
	font-style:normal;
	font-weight:500;
}
a:link{
	color: rgba(78,100,111,1.00);
}
a:visited{

}
a:hover{
}
a:active{
}
label, input[type='checkbox'] {
    cursor: pointer;
}
input[type=checkbox], input[type=radio] {
    margin-top: 0px;
}
.h3{
	font-size: medium;
}
.container-fluid .row .yakuhin-data.col-lg-2 {
	border: thin solid rgba(78,100,111,1.00);
}

.row .yakuhin-data.col-lg-2 ul {
	font-size: medium;
	text-align: left;
	padding-left: 5px;
	line-height: 1.5em;
}
.yakuhin-name   {
	font-size: large;
	padding-left: 10px;
    padding-right: 10px;
}
.login-title   {
    padding-top: 14px;
}
.login-app   {
    padding-top: 14px;
    padding-right: 20px;
    color:  darkturquoise;
}
.container-fluid .row .yakuhin-data.col-lg-3 {

}
.row .yakuhin-data.col-lg-3 ul {
	font-size: medium;
	text-align: left;
	padding-left: 5px;
	line-height: 1.5em;
}

.hanbai-seizou {
	font-size: small;
    padding-right: 10px;
	padding-left: 10px;
}
.container-fluid #defaultNavbar1 {
	position: relative;
}
.pdszerologo {
	background-size: contain;
}
.navba {
}
.container-fluid.page-header .row .col-lg-3 {
	float: right;
}
.zerostocklogo {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.div-col-status-right {
	float: right;
	height: 100%;
	min-width: 0px;
}
.div-col-status {
	height: 100%;
	min-width: 0px;
}
.logout-btn {
	border: 0px;
	width: 95px;
	height: 28px;
	background: url(/Content/images/logout.png) left top no-repeat;
	position: relative;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	top: 10px;
	background-size: contain;
}
.pdszerologo {
	position: absolute;
	top: 0px;
}

.search-btn {
	border: 0px;
	width: 95px;
	height: 28px;
	background: url(/Content/images/search-on.png) left top no-repeat;
	float: none;
	background-size: contain;
}
.search-text {
	/*font-family: sans-serif;
	font-weight: 500;*/
	height: 30px;
	margin-top: 5px;
	font-size: 16px;
	width: 60%;
	min-width: 200px;
	max-width: 600px;
}

#search-form {
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}
.yakuhin-data-box {
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	border: thin solid rgba(78,100,111,1.00);
	min-width: 170px;
	margin-left: -5px;
	margin-right: auto;
	width: 105%;
}
.pds-market-box {
	margin-top: 10px;
	margin-bottom: 10px;
	border: thin solid rgba(78,100,111,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-radius: 6px;	
}
.tokuisaki-data-box {
	/*height: 195px;*/
	height: 216px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	border: thin solid rgba(78,100,111,1.00);
	min-width: 100px;
	margin-left: -5px;
	margin-right: auto;
	width: 105%;
    padding: 5px 15px 5px 0px;
}
.tokuisaki-add {
    color: #ed1e79;
    font-size: 500%;
    font-weight: bolder;
    text-align: center;
    /*margin-top: 35px;*/
    margin-top: 56px;
    padding-left: 10px;
}
.kikaku-tani {
	padding-left: 10px;
    height: 20px;
}
.zaiko-sousu {
	padding-left: 10px;
}
#souryou {
	font-size: large;
}

.syousai-housou {
	padding-left: 10px;
}
.syousai-lot-shiyoukigen, .syousai-suryo,.area-tantousya   {
	padding-left: 10px;
	float: left;
}

.haiki-kingaku{
		color: #ed1e79;
}
.seppaku{
		border-color: #ed1e79;
}
.hudo{
		border-color: #5bcaf4;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
.syusei {
	float: right;
	min-width: 255px;

}
.box-left li{
	width: auto;
	top: 1px;
	position: relative;
	bottom: 10px;
	left: 10px;
}
.box-left.tokuisaki li{
	width: auto;
	top: 1px;
	position: relative;
	bottom: 10px;
	left: 10px;
}
.side-bar ul {
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.side-bar-hidden {
    display: none;
}
/*絞り込みチェックボックス スタイル*/

.checkbox-wrap{
	width: 200px;
}

.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  position: relative;
}
.label-checkbox .checkbox-icon{
	color: #4E646F;
	font-weight: normal;
	display: inline-block;
	padding: 8px 40px;
/*	border: 1px solid #e5e5e5;*/
    border: 1px solid #999;
	border-radius: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	width: 170px;
	text-align: center;
}
.label-checkbox .checkbox-icon:before{
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	border: 1px solid #e5e5e5;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox:hover .checkbox-icon:before{
   border-color: #4E646F;
   }
.checkbox-icon:hover{
border-color: #4E646F;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon{
   background: #5BCAF4;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon{
   border-color:#5BCAF4;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon:before{
   left: 100%;
   margin-left: -44px;
   border-color: #fff;
}

.label-checkbox .checkbox-icon-small{
	color: #4E646F;
	font-weight: normal;
	display: inline-block;
	padding: 2px 0 4px 0;
    border: 1px solid #999;
	border-radius: 20px;
	margin-right: 18px;
	margin-bottom: 10px;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	width: 100px;
	text-align: center;
}
.label-checkbox .checkbox-icon-small:before{
	content: '';
	position: absolute;
	left: 4px;
	top: 3px;
	border: 1px solid #e5e5e5;
	background: #fff;
	width: 21px;
	height: 21px;
	border-radius: 100%;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox:hover .checkbox-icon-small:before{
   border-color: #4E646F;
}
.checkbox-icon-small:hover{
    border-color: #4E646F;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon-small{
   background: #5BCAF4;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon-small:before{
   left: 100%;
   margin-left: -44px;
   border-color: #fff;
}
.label-checkbox .checkbox-icon-smaller{
	color: #4E646F;
	font-weight: normal;
	display: inline-block;
	padding: 1px 0 4px 0;
    border: 1px solid #999;
	border-radius: 20px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	width: 80px;
	text-align: center;
}
.label-checkbox .checkbox-icon-smaller:before{
	content: '';
	position: absolute;
	left: 4px;
	top: 9px;
	border: 1px solid #e5e5e5;
	background: #fff;
	width: 19px;
	height: 19px;
	border-radius: 100%;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox:hover .checkbox-icon-smaller:before{
   border-color: #4E646F;
}
.checkbox-icon-small:hover{
    border-color: #4E646F;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon-smaller{
   background: #5BCAF4;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .checkbox-icon-smaller:before{
   left: 100%;
   margin-left: -28px;
   border-color: #fff;
}
/*絞り込みチェックボックス スタイル End*/

.souryou {
	display: block;
	/*font-size: large*/
	padding-top: 3px;
	/* [disabled]margin-left: 35px; */
	float: left;
}

.zero-stock-btn{
	/*float: left;*/
	display: block;
	margin-left: 10px;
	margin-top: 5px;
	border: 0px;
	width: 95px;
	height: 28px;
	background-size: contain;
	background-repeat: no-repeat;
}
.uritai-off-btn{
	background-image: url(/Content/images/sell-off.png);
}
.uritai-on-btn{
	background-image: url(/Content/images/sell-on.png);

}
.kaitai-off-btn{
	background-image: url(/Content/images/buy-off.png);
}
.kaitai-on-btn{
	background-image: url(/Content/images/buy-on.png);
}



.hudo-btn {
	background: url(/Content/images/hudo-on.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.hudo-off-btn{
	background-image: url(/Content/images/hudo-off.png);
}
.hudo-on-btn{
	background-image: url(/Content/images/hudo-on.png);
}
.seppaku-btn{
	background: url(/Content/images/seppaku-on.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.syusei-btn{
	background-image: url(/Content/images/change-on.png);

}
.GS-1-btn{
	background-image: url(/Content/images/GS-1-on.png);
}
.GS-1-btn:disabled{
	cursor:not-allowed; /* 禁止カーソル */
}
.plus-btn{
	background-image: url(/Content/images/plus.png);
	width: 28px;
}
.cart-btn{
	background-image: url(/Content/images/cart-on.png);
	float: right;
	clear: left;
}
.star-on-btn{
	background-image: url(/Content/images/star-on.png);
	width: 28px;
	margin-top: -8px;
	height: 28px;
	float: left;

}
.star-off-btn{
	background-image: url(/Content/images/star-off.png);
	width: 28px;
	margin-top: -8px;
	height: 28px;
	float: left;
}

.jyoubi-on-btn{
	background-image: url(/Content/images/jyoubi-on.png);

}
.jyoubi-off-btn{
	background-image: url(/Content/images/jyoubi-off.png);
}
.close-btn{
	background-image: url(/Content/images/close-on.png);

}
.touroku-b-btn{
	background-image: url(/Content/images/register-b-on.png);
}
.touroku-p-btn{
	background-image: url(/Content/images/register-on.png);

}
.delete-on-btn{
	background-image: url(/Content/images/delete-on.png);
}
.tsukiawase-btn{
	background-image: url(/Content/images/tsukiawase.png);
	float: left;
	margin-top: 4px;
	width: 28px;
}

.kubun li, .souryou-syusei li,.lot-shiyokigen-box li{
	float: left;
	display: inline-block;
	margin-right: 0px;
}
.update-date {
	margin-left: 15px;
	float: left;
	margin-top: 7px;
}

.kubun, .souryou-syusei{
	float:right;
	height: 45px;
	clear: right;
}
.layer-kubun li{
	float: left;

}
.layer-kubun label{
	margin-top: 5px;
	margin-right: 10px;
}
.layer-kubun {
	display: inline-block;
	float: right;
	margin-top: 15px;
}
.layer-teishi {
    position: absolute;
    top: 15px;
}
.box-teishi {
    position: absolute;
    bottom: 14px;
    right:30px;
    color: red;
} 
.panel-btn {
	border: 0px;
	width: 20px;
	height: 28px;
	background: url(/Content/images/box-on.gif) left top no-repeat;
	float: none;

}
.list-btn {
	border: 0px;
	width: 20px;
	height: 28px;
	background: url(/Content/images/list-off.gif) left top no-repeat;
	float: none;

}
.page_number {
	float: right;
	clear: both;
	height: 60px;
	/*margin-top: -10px;
	margin-bottom: 5px;*/
}
.sync-pagination {
}

.contents-sponsoredlink {
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline;
	width: 100%;
}
#sponsored-link1 ,#sponsored-link2,#sponsored-link3{
	margin: auto;
}
.lot-shiyoukigen,.lot-shiyoukigen-waku {
	float: left;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px;
	border: thin solid #4E646F;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	/*min-width: 590px;*/
    min-width: 570px;
}
.lot-shiyoukigen {
	max-height: 105px;
}

.yakuhin-data-syousai {
	width: 100%;
    /*min-width: 570px;*/
    min-width: 540px;
}
.tana-data-syousai {
	width: 100%;
    min-width: 570px;
}
.contents-width {
	max-width: 900px;

}
lot-shiyoukigen.lot,.shiyoukigen {
	display: block;
	margin-left: 10px;
	margin-top: 10px;
}
.lot-shiyokigen-box li .lot , .shiyoukigen{
	display: block;
	margin-top: 8px;
}
.pds-market-syousai {
	padding: 10px;
	float: left;




}
.pds-market-list {
	float: left;
}
.tanaoroshi-sidebar {
	border-style: none;
}
.col-lg-2 .side-bar .tanaoroshi-sidebar li {
	border: thin solid #4E646F;
	text-align: center;
	width: 150px;
}
.col-lg-2 .side-bar .tanaoroshi-sidebar li a{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}
.tanaoroshi-sidebar ul {
	float: left;
}

.col-lg-2 .side-bar .tanaoroshi-sidebar li a:hover{
	background:#5bcaf4;
	color:#FFFFFF
}
.input-width,.tanaoroshi-start-input-width {
	display: inline;
	float: left;
}
.input-width{
    max-width: 136px;
}
.input-height{
  height: 30px;
  line-height: 15px;
  margin: 5px 0 5px 0;
}
.tanaoroshi-meisyou-input-width {
}
.tanaban-input-width{
	margin-bottom: 10px;
}
.layer-width {
	border-radius: 6px;
	margin: auto;
	border-style: solid;
	border-width: thin;
	max-width: 450px;
	padding-top: 30px;
	padding-bottom: 30px;
    background-color: #FFFFFF;
    font-weight: normal;
}
.layer-width-ex {
	border-radius: 6px;
	margin: auto;
	border-style: solid;
	border-width: thin;
	padding-top: 30px;
	padding-bottom: 30px;
    background-color: #FFFFFF;
    font-weight: normal;
}
.tokuisaki-layer-width {
	border-radius: 6px;
	margin: auto;
	border-style: solid;
	border-width: thin;
	width: 400px!important;
	padding-top: 30px;
	padding-bottom: 30px;
    background-color: #FFFFFF;
    font-weight: normal;
}
.shukko-print-layer-width {
	border-radius: 6px;
	margin: auto;
	border-style: solid;
	border-width: thin;
	width: 420px!important;
	padding: 10px 10px 10px 30px;
    background-color: #FFFFFF;
    font-weight: normal;
}
.input-list li {
	display: inline-block;
	width: auto;
	float: left;
}
.input-list {
	display: inline-block;
}
.zaikosuryo-tani,.goukei,.layer-contens {
	padding-top: 4px;
	margin-top: 2px;
	height: 30px;
}
.zaikosuryo-tani{
	float: right;
}
.goukei{
	float: left;
	font-size: large;
}
.layer-goukei {
	text-decoration: underline;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: large;
	text-align: right;
	margin-right: 10px;
}
.layer-tanaban {
	width: 250px;
	text-align: right;
	float: none;
}
.dropdown-label {
	margin-top: 7px;
	float: left;
	margin-right: 20px;

}
.lot-shiyokigen-box {
	/* [disabled]padding-top: 5px; */
	padding-bottom: 5px;


}
.tanaban-touroku label {
	float: left;
	margin-top: 7px;
	min-width: 100px;
	padding-right: 10px;
}
.tanaoroshi-start {
	margin-left: 15%;
	max-width: 600px;
}
.btn-center {
	margin: auto;
	width: 98px;
	float: none;
}
.area-padding {
	margin-bottom: 20px;

}
.menu-box {
	border-style: solid;
	border-color: #4E646F;
	height: 250px;
	min-width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}
.menu-icon {
	background-repeat: no-repeat;
	padding:10px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}

.menu-zaiko{
	background-image: url(/Content/images/zaiko.png);	
	width: 100px;
	height: 100px;

}
.menu-satei{
	background-image: url(/Content/images/satei.png);	
	width: 100px;
	height: 100px;
}
.menu-PDSmarket{
	background-image: url(/Content/images/PDSmarket.png);	
	width: 100px;
	height: 100px;
}
.menu-history{
	background-image: url(/Content/images/history.png);	
	width: 100px;
	height: 100px;
}
.menu-account{
	background-image: url(/Content/images/account.png);	
	width: 100px;
	height: 100px;
}
.menu-help{
	background-image: url(/Content/images/help.png);	
	width: 100px;
	height: 100px;
}
.menu-hatchu {
	background-image: url(/Content/images/order.png);	
	width: 100px;
	height: 100px;
}
.menu-upload {
	background-image: url(/Content/images/upload.png);	
	width: 100px;
	height: 100px;
}
.menu-contact {
	background-image: url(/Content/images/contact.png);	
	width: 100px;
	height: 100px;
}
/*メニュー画面（PickingGo）*/
.menu-picking {
	background-image: url(/Content/images/PICKING_GO.png);	
	width: 120px;
	height: 70px;
}

.menu-list{
	list-style: none;
	text-align: center;
	margin-left: -44px;
	margin-bottom: 30px;
}
.infomation {
	height: 100px;
	min-width: 330px;
	overflow: auto;

}
.infomation-list {
	display: inline;
	list-style: none;
}
.infomation-list li {
	float: left;
	clear: left;

}
.infomation-list label {
	float: left;
	width: 60px;
	margin-left: 30px;
	
}
.twitter-api,.menu-wish-list{
	height: 400px;
	border: thin solid #4E646F;
	overflow: auto;
	margin-top: 10px;

}
.twitter-api h3 {
	margin-top: 10px;
}
.menu-wish-list h3 {
	margin-top: 10px;
}
.xs-list  {
	float: left;
	margin-left: -40px;
	clear: left;
}

.status {
}
.xs-container {
}
.select {
	background-color: #E2E3E0;
	float: none;
	padding-left: auto;
	padding-right: auto;
	padding-top: 15px;
}
#search {

}
#search-form {
	margin: auto;
	min-width: 330px;
	max-width: 800px;
}
.hyouji-kensu {
	float: right;
	padding-top: 10px;
	display: inline;
	margin-left: 10px;
	clear: both;
}

.panel-hyouji {
	background-image: url(/Content/images/box-on.gif);
	height: 24px;
	width: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	float: right;
	/* [disabled]display: block; */
	margin-left: 5px;
	visibility: hidden;
}
.list-hyouji {
	background-image: url(/Content/images/list-off.gif);
	background-size: contain;
	width: 25px;
	height: 25px;
	float: right;
	/* [disabled]display: block; */
	margin-left: 5px;
	visibility: hidden;
}


.contents-header-kensu {
	clear: both;
	float: right;
	display: inline;
}
.contents-header-sort {
	float: left;
}
.footer-copyright {
	background-color: #555555;
	color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer-copyright p {
	float: right;
	margin: auto;
}
#baner1 ,#baner2,#baner3{
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 5px;
}

@media (min-width: 1200px){
.container-fluid {
	width: auto;
}
.col-lg-2 .side-bar .tanaoroshi-sidebar li {
	width: 100%;
}


}

@media (max-width: 767px){
	/*.xs-list {
	display:table;
    table-layout:fixed;
	}
	ul.xs-list li{
	width: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	border-left: 1px solid white;
	padding-left: 10px;

	}
	*/
	.box-left{
	/*width: auto;*/
    width: 30%;
	height: auto;
	margin-left: 3px;
	float: left;
	margin-right: 3px;
	}
	.box-left li{
	height: 20px;
	width: auto;
	padding-top: 0;
	top: 15px;
	position: relative;
	bottom: 10px;
	right: 10px;
	left: 10px;
	}
	.box-left.tokuisaki li{
	height: 20px;
	width: auto;
	padding-top: 0;
	}
    .box-teishi {
        position: relative;
        top: -30px;
        right: -480px;
    } 
	.yakuhin-data-box{
	float: left;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	}
    .tokuisaki-data-box{
	float: left;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	}
    .xs-container {
	    margin: auto;
    }
    #search {
	    min-height: 0px;
    }
    .souryou {
	    font-size: medium;
    }
    /*.lot-shiyoukigen {
	    padding-top: 5px;
    }*/
    .lot-shiyokigen-box {
    }
    .tanaban-input-width {
	    margin-left: 30px;
    }
    .menu-icon {
	    float: left;
	    height: 100%;
	    margin-left: 30px;
	    margin-top: 25px;
    }
    .menu-box {
	    height: 150px;
	    margin-bottom: -10px;
	    margin-top: -10px;
        min-width: 370px;
    }
    .infomation {
	    margin-bottom: 20px;
    }
    #baner1 ,#baner2,#baner3{
	    margin-top: 10px;
	    margin-right: auto;
	    margin-left: auto;
	    margin-bottom: 10px;
	    float: none;
	    display: block;
    }
}
.select {
	background-color: #E2E3E0;
	float: none;
	padding-left: auto;
	padding-right: auto;
	padding-top: 15px;
}
#search-form {
	margin: auto;
	min-width: 400px;
	max-width: 800px;
}

.panel-hyouji {
	background-image: url(/Content/images/box-on.gif);
	height: 24px;
	width: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	float: right;
	/* [disabled]display: block; */
	margin-left: 5px;
	visibility: hidden;
}
.list-hyouji {
	background-image: url(/Content/images/list-off.gif);
	background-size: contain;
	width: 25px;
	height: 25px;
	float: right;
	/* [disabled]display: block; */
	margin-left: 5px;
	visibility: hidden;
}

@media (max-width: 991px){
.checkbox-wrap {
	width: 100%;
}
.checkbox-group li{
	display: inline-block;
	float: left;
}
.label-checkbox .checkbox-icon{
	color: #4E646F;
	font-size: small;
	font-weight: normal;
	display: inline-block;
	padding: 8px 40px;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	width: 95%;
	text-align: center;
}
.label-checkbox .checkbox-icon:before{
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	border: 1px solid #e5e5e5;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	-webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	transition: all 300ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

}
.open > .dropdown-toggle.btn-default.focus {
	/*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, sans-serif;
	font-style:normal;
	font-weight:500;*/
}
.dropdown-menu {
     /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, sans-serif;*/
}
.input-group-btn {
	margin: auto;
}
.seppa {
}
.dropd {
}
.clear {
}
.haiki {
}

@media (min-width: 768px) and (max-width: 991px)
{
  .navbar-header {
    float: left;
  }

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

}
/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

/* ------------------------------------------ */
img { 
  -ms-interpolation-mode:bicubic; /* IE8+ */
}
h3 {
	font-size: 16px;
}
.container-fluid {
	min-width: 0px;
}
.yakuhin-name   {
   height: 40px;
}
.yakuhin-name-s   {
  font-size: large;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
}
@media (max-width: 767px) {
    .yakuhin-name {
        height: 25px;
    }
    .box-company {
        width: 36%;
        padding-top: 5px;
    }
    /*.box-suryou li {
        height: 20px;
    }*/
    .box-yakka {
        float: right;
        padding-top: 58px;
    }
    .box-yakka-t {
        float: right;
        margin-bottom: 12px;
        margin-right: 11px;
    }
    .box-yakka-z {
        float: right;
        margin-top: -6px;
        margin-bottom: 12px;
        position: relative;
        right: 9px;
    }
}
.siyou-kigen-l {
    margin-top: 5px;
}
.login-btn {
	border: 0px;
	width: 95px;
	height: 28px;
	background: url(/Content/images/login.png) left top no-repeat;
	position: relative;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	top: 10px;
	background-size: contain;
}
.textOverflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
/* 2重送信防止 */
#shield {
    position: fixed;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding-top: 50px;
    /*background-color: #666;
    opacity: 0.0;
    -moz-opacity: 0.0;*/
}
#shield-logout {
    position: fixed;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    /* top menu 1030 */
    z-index: 9999;
    padding-top: 0px;
}
#wait-image {
    position: fixed;
    top:  45%;
    left:  45%;
    visibility: visible;
    display: block;
    background: url('/Content/images/circle.gif') no-repeat;
    width: 80px;
    height: 80px;
}
#layer-result {
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, sans-serif;*/
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, "游明朝", YuMincho, serif;*/
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
    padding: 0em;
    background: none;
}
#layer-dialog {
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, sans-serif;*/
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, "游明朝", YuMincho, serif;*/
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
    padding: 0em;
    padding: 20px;
    border: 1px solid;
}
#confirm-dialog {
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, sans-serif;*/
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, "游明朝", YuMincho, serif;*/
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
    padding: 0em;
    padding: 20px;
    border: 1px solid;
}
#StandardAccountDialog {
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
    padding: 0em;
    padding: 20px;
    border: 1px solid;
}
#KaikyokuShoumeishoDialog {
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
    padding: 0em;
    padding: 20px;
    border: 1px solid;
}
.ui-dialog {
    padding: 0;
}
.ui-widget.ui-widget-content {
    border: 0;
    background: none;
}
.zero-stock-btn {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.souryou {
/*	width: 69px;*/
    width: 100px;
    text-align: center;
}
.ime-disabled {
    ime-mode: disabled;
}
.menu-select {
    background-color: #E2E3E0;
}
.control-label-width {
	margin-right: 15px;
	width: 100px;
}
.error-message {
    color: #FF0000;
    margin-top: 0px;
    margin-left: 100px;
    margin-bottom: 15px;
    line-height: 1.5em;
	text-align: left;
}
@media (max-width: 768px) {
    .error-message {
        margin-left: 0px;
    }
}
.login-message {
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.5em;
	text-align: center;
}
.lot-shiyokigen-box li .lot , .shiyoukigen{
	display: block;
	margin-top: 8px;
    width: 140px;
}
@media (min-width: 768px)
{
  .form-group .form-inline .control-edit-width {
    width: 300px;
  }
}
.field-validation-error {
    white-space: nowrap;
}
.done-btn{
	border: 0px;
	width: 95px;
	height: 28px;
	background: url(/Content/images/done-on.png) left top no-repeat;
    float: left;
    background-size: contain;
}
a.disabled
{
    pointer-events: none; /* 非リンク */
    cursor: default;      /* マウスカーソル標準 */
    text-decoration: none;/* 下線非表示 */
    color: #808080;       /* 非リンクの文字色 */
}
button[disabled]
{
    pointer-events : none;
}
.system-label-control {
    text-align: right;
    margin-right: 15px;
	width: 130px;
}
.system-image {
	width: auto;
    height: auto;
    /*margin-left: 80px;*/
    vertical-align: top;
    text-align: right;
}
#delete_image {
    margin-left: 145px;
}
#delete_image:hover {
    cursor: pointer;
}
.footer-copyright .row div{
    text-align: right;
}
.footer-copyright .row div a{
    padding-right: 10px;
    color: lightgray;
}
.margin-50 {
    margin: 50px;
}
.height-50 {
    height: 50px;
}
.height-20 {
    height: 20px;
}
#search-list {
    width:120px;
}
input[type="text"], 
input[type="password"], 
textarea, 
select {
    outline: none;
}
.souryo-name {
    font-size: medium;
    width: 5em;
    /*float: left;*/
    padding-top: 2px;
    padding-right: 10px;
    text-align: right;
}
.souryo-value {
    font-size: large;
    /*width: 110px;
    float: left;*/
    padding-right: 5px;
    text-align: right;
}
.zhudo-on-btn {
	background: url(/Content/images/hudo-on.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.zhudo-off-btn {
	background: url(/Content/images/hudo-off.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.seppaku-on-btn {
	background: url(/Content/images/seppaku-on.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.seppaku-off-btn {
	background: url(/Content/images/seppaku-off.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.delete-btn {
	background-image: url(/Content/images/delete.png);
    border: solid 1px #999;
	width: 32px;
	height: 32px;
}
.gtin-code {
	font-size: small;
}
.gtin-code-t {
	font-size: small;
    padding-left: 10px;
    padding-right: 10px;
}
.gtin-code-l {
	font-size: small;
    padding: 10px 10px 0;
}
.yakkyoku-data {
	float: left;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px;
	border: thin solid #4E646F;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
    min-width: 570px;
}
.ui-widget input {
    font-family: inherit;
}
/* メニューのh3 */
.menu-list h3 {
    margin-top: 13px;
}
/* メニューのh2 */
.menu-list h2 {
    font-size: 22px;
}
.haiki-kingaku{
    cursor:pointer;
}
.haiki-kingaku:hover {
    text-decoration: underline;
}
/* 改行しない */
.no-wrap {
    white-space: nowrap;
}
/* 右寄せ */
.align-right {
    text-align : right
}
/* 枠にフォントサイズを合わせる */
.font-adjust {
}
.main-contents {
    min-width:570px;
}
.zaiko-souryo {
    position: absolute;
    right:0px;
}
@media (max-width: 991px) {
    .zaiko-souryo {
        right:10px;
    }    
}
@media (max-width: 767px) {
    .syousai-lot-shiyoukigen li,.syousai-suryo li,.area-tantousya li {
        height: auto;
        top: 1px;
    }
    .zaiko-souryo {
        position: absolute;
        right:20px;
    }
}
.ml-label-width {
    display: inline-block;
    width: 125px;
    color: #333;
}
.ml-label-wh {
    display: inline-block;
    width: 125px;
    color: #333;
    height: 36px;
}
.cr-label-wh {
    display: inline-block;
    width: 80px;
    color: #333;
    height: 36px;
}
.ml-edit-width {
    display: inline-block;
    max-width: 230px;
    min-width: 80px;
    height: 26px;
    padding: 2px 10px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cr-edit {
    max-width: 420px;
    width: auto;
    vertical-align: middle;
}
.ml-img-width {
    width: 320px;
    vertical-align: top;
    padding-top: 10px;
}
.ml-title {
    margin-left: -15px;
    font-size: medium;
    color: black;
}
.ml-name-d {
    width: 77px;
}
.ml-name-s {
    width: 40px;
}
.ml-name-m {
    padding-left: 12px;
    width: 50px;
}
.ml-name-se {
    padding-left: 80px;
    width: 120px;
}
.ml-kensu {
    padding-top:3px;
    text-align:center;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.ml-total {
    background-color: rgba(0, 0, 0, 0);
}
.ml-yuko {
    background-color: #5BCAF4;
    color: #fff;
}
.ml-teishi {
    background-color: #F173AD;
    color: #fff;
}
.lot-shiyoukigen a {
    text-decoration: none;
}
/* CSSボタン */
button.cssbtn:focus,
button.cssbtn:active:focus,
button.cssbtn-small:focus,
button.cssbtn-small:active:focus
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: transparent;
    -webkit-focus-ring-color: none;
    outline: 0;
    outline: none;
}
button.cssbtn {
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, kozuka-mincho-pr6n, "游明朝", YuMincho, serif;*/
    font-family: 'BtnMinSubsetFont', 'MinSubsetFont';
    vertical-align: baseline;
    height: 27px;
    width: 96px;
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    /*padding: 4px 20px;*/

    /* 文字色を白色に指定 */
    /*color: rgba(78,100,111,1.00);*/

    /* ボーダーをなくす */
    /*border-style: none;*/

    /* 角丸の指定 */
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;

    /* 文字サイズ */
    font-size: small;
}
button.cssbtn:active{
    padding-top:4px;
    padding-bottom:2px;
}
button.cssbtn-nm:active{
    padding-top:0px;
    padding-bottom:0px;
}
button.cssbtn-small {
    height: 26px;
    width: 70px;
    margin-top: -2px;
    margin-bottom: 8px;
 
    font-family: 'BtnMinSubsetFont', 'MinSubsetFont';
    vertical-align: baseline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: small;   
}
@media all and (-ms-high-contrast:none){ /* for IE11 */ 
  *::-ms-backdrop, button.cssbtn {
      /* padding-top: 2px; */
  }
  *::-ms-backdrop, button.cssbtn:active{
    padding-top:0px;
    padding-bottom:0px;
  }
}
button.cssbtn:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
.login-cssbtn {   
    /* 背景色 */
    background-color: #fff;
    /* 文字色 */
    color: #555;
    /* ボーダー */
    border: 1px solid #999;
}
.login-cssbtn:active{
    border:1px solid #334c66;
}
.search-cssbtn {
    position: relative;
    /*margin-left: 15px;*/
    left: 15px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.search-cssbtn:active{
    border:1px solid #488FBF;
}
button.zaiko-cssbtn:active{
    padding-top:0px;
    padding-bottom:0px;
}
.logout-cssbtn {
    position: relative;
    top: 11px;
    right: 4px;
    background-color: #4E646F;
    color: #fff;
    border: 1px solid #4E646F;
}
@media (max-width: 991px) {
    .logout-cssbtn {
        position: relative;
        top: 0px;
        right: 0px;
        left: 10px;
    }
}
.logout-cssbtn:active{
    border:1px solid #29343A;
}
.touroku-p-cssbtn {
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.touroku-p-cssbtn:active{
    border:1px solid #BC5A88;
}
.touroku-b-cssbtn {
    position: relative;
    top: 2px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.touroku-b-cssbtn:active{
    border:1px solid #488FBF;
}
.hacchu-g-cssbtn {
    background-color: #6BE5CF;
    color: #fff;
    border: 1px solid #6BE5CF;
}
.hacchu-g-cssbtn:active{
    border:1px solid #4E646F;
}
.zhudo-on-cssbtn {
    position: relative;
    top: 4px;
    left: 12px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.zhudo-on-cssbtn:active{
    border:1px solid #488FBF;
}
.zhudo-off-cssbtn {
    position: relative;
    top: 4px;
    left: 12px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #5BCAF4;
}
.zhudo-off-cssbtn:active{
    border:1px solid #488FBF;
}
.zhudo-off-cssbtn[disabled] {
    color: #d8d8d8;
    border:1px solid #BAE1EF;
}
.seppaku-on-cssbtn {
    position: inherit;
    top: 4px;
    left: 12px;
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.seppaku-on-cssbtn:active{
    border:1px solid #BC5A88;
}
.seppaku-off-cssbtn {
    position: inherit;
    top: 4px;
    left: 12px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #F173AD;
}
.seppaku-off-cssbtn:active{
    border:1px solid #BC5A88;
}
.seppaku-off-cssbtn[disabled] {
    color: #d8d8d8;
    border:1px solid #EFD2E0;
}
.haiki-on-cssbtn {
    position: inherit;
    top: 4px;
    left: 12px;
    background-color: #7291A0;
    color: #fff;
    border: 1px solid #7291A0;
}
.haiki-on-cssbtn:active{
    border:1px solid #4E646F;
}
.haiki-off-cssbtn {
    position: inherit;
    top: 4px;
    left: 12px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #4E646F;
}
.haiki-off-cssbtn:active{
    border:1px solid #4E646F;
}
.request-cssbtn {
    position: relative;
    left: 15px;
    background-color: #FDE9D9;
    color: #000;
    border: 1px solid #E2D0C3;
    width: 130px!important;
    margin-left: 10px;
}
.request-cssbtn:active{
    border:1px solid #AFA39A;
    padding-top:0px!important;
    padding-bottom:0px!important;
}
@media (max-width: 694px) {
    .haiki-on-cssbtn {
        left: 106px;
    }
    .haiki-off-cssbtn {
        left: 106px;
    }
}
.kubun-cssbtn {
    position: relative;
    right: 10px;

    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.kubun-cssbtn:active{
    border:1px solid #488FBF;
}
.kubun-cssbtn[disabled] {
    color: #d8d8d8;
}
.done-cssbtn {
    float: left;
    position: relative;
    top: 4px;
    left: 12px;
    margin-right: 12px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.done-cssbtn:active{
    border:1px solid #488FBF;
}
.done-cssbtn[disabled] {
    color: #d8d8d8;
}
.accstop-on-cssbtn {
    position: inherit;
    top: 4px;
    left: 12px;
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.accstop-on-cssbtn:active{
    border:1px solid #BC5A88;
}
.accstop-off-cssbtn {
    position: inherit;
    top: 4px;
    left: 12px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.accstop-off-cssbtn:active{
    border:1px solid #488FBF;
}

.hudo-on-cssbtn {
    position: relative;
    right: 10px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.hudo-on-cssbtn:active{
    border:1px solid #488FBF;
}
.hudo-off-cssbtn {
    position: relative;
    right: 10px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #5BCAF4;
}
.hudo-off-cssbtn:active{
    border:1px solid #488FBF;
}
.jyoubi-on-cssbtn {
    position: relative;
    left: -10px;
    margin-left: 10px;
    background-color: #6BE5CF;
    color: #fff;
    border: 1px solid #6BE5CF;
}
.jyoubi-on-cssbtn:active{
    border:1px solid #52AF9E;
}
.jyoubi-off-cssbtn {
    position: relative;
    left: -10px;
    margin-left: 10px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #6BE5CF;
}
.jyoubi-off-cssbtn:active{
    border:1px solid #52AF9E;
}
.shukko-cssbtn {
    position: relative;
    right: 10px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.shukko-cssbtn:active{
    border:1px solid #488FBF;
}
.syusei-cssbtn {
    position: relative;
    left: 2px;
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.syusei-cssbtn:active{
    border:1px solid #BC5A88;
}
.lsyusei-cssbtn {
    position: relative;
    left: 10px;
    margin-top:3px;
    margin-bottom:3px;
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.lsyusei-cssbtn:active{
    border:1px solid #BC5A88;
}
.GS-1-cssbtn {
    position: relative;
    left: 10px;
    margin-top:3px;
    margin-bottom:3px;
    background-color: #8B9298;
    color: #fff;
    border: 1px solid #8B9298;
}
.kaitai-on-cssbtn {
    position: relative;
    left: -10px;
    margin-left: 10px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.kaitai-on-cssbtn:active{
    border:1px solid #488FBF;
}
.kaitai-off-cssbtn {
    position: relative;
    left: -10px;
    margin-left: 10px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #5BCAF4;
}
.kaitai-off-cssbtn:active{
    border:1px solid #488FBF;
}
.uritai-on-cssbtn {
    position: relative;
    left: 2px;
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.uritai-on-cssbtn:active{
    border:1px solid #BC5A88;
}
.uritai-off-cssbtn {
    position: relative;
    left: 2px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #F173AD;
}
.uritai-off-cssbtn:active{
    border:1px solid #BC5A88;
}
.close-cssbtn {
    position: relative;
    left: 2px;
    background-color: #8B9298;
    color: #fff;
    border: 1px solid #8B9298;
}
.close-cssbtn:active{
    border:1px solid #5B5F63;
}
.layer-cssbtn {
    position: relative;
    top: 0px;
    left: -10px;
    margin-left: 10px;
}
.layer-h-cssbtn {
    position: relative;
    top: 0px;
    left: 0px;
}
.back-cssbtn {
    position: relative;
    right: 10px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.back-cssbtn:active{
    border:1px solid #488FBF;
}
.csv-on-cssbtn {
    position: relative;
    left: 2px;
    background-color: #F173AD;
    color: #fff;
    border: 1px solid #F173AD;
}
.csv-on-cssbtn:active{
    border:1px solid #BC5A88;
}
.csv-off-cssbtn {
    position: relative;
    left: 2px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #F173AD;
}
.csv-off-cssbtn:active{
    border:1px solid #BC5A88;
}
.save-b-cssbtn {
    position: relative;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
    margin-right: 50px;
}
.save-b-cssbtn:active{
    border:1px solid #488FBF;
}
.save-b-cssbtn[disabled] {
    color: #d8d8d8;
    border:1px solid #BAE1EF;
    background-color: #fff;
}
.layer-label {
    margin-top: 4px;
}
#hako-goukei, #housousu-goukei, #bara-goukei {
    /*margin-left: 10px;*/
}
.suryou_input {
    width: 80px!important;
    border: none;
    box-shadow: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 23px;
}
span.ui-widget,span.ui-widget-content {
    border: 1px solid #c5c5c5!important;
}
span.ui-widget:focus {
    border: 1px solid #0000ff;
}
.table-div {
    display:table;
    border-collapse: collapse;
    margin-left: 20px;
    margin-right: 20px;
}
.table {
    display: table;
    margin-bottom: 0px;
}
.margin-0 {
    margin: 0;
}
.row-margin {
    margin: 0 20px 10px -10px;
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.table-row>div {
    display:table-cell;
    margin: 0;
    padding:5px 10px 0;
    border:1px solid rgba(78,100,111,1.00);
}
.table-row-select {
    vertical-align: middle;
}
.table-row-data {
    width: 740px;
    min-width: 540px;
}
.table-row-modify {
    vertical-align: middle;
    white-space: nowrap;
    background-color:#FF99CC;
}
.table-row-modify:hover {
    border-color: black;
}
.ur-ul {
    list-style:none;
    padding-left: 0;
    line-height: 1.5em;
}
.ur-ul-num {
    list-style:none;
    float: left;
}
.ur-total,.ur-yakka {
    float: right;
}
.ur-yakuhin-name,.ur-housou,.ur-lot-no,.ur-total {
    margin-top: 8px;
}
.ur-gtin-code,.ur-kikaku,.ur-shiyoukigen,.ur-yakka {
    margin-top: 8px;
}
.ur-comment {
    line-height: 1.5em;
    margin-top: 20px;
    margin-left: 20px;
    font-size: small;
}
.ur-comment-title {
    font-weight: bold;
}
.ur-comment-list {
    margin: 20px;
}
.ur-request {
    text-align: center;
    margin-top: 1.5em;
    margin-right: 50px; 
}
div.ur-box {
    width: 100%;
    height: 100px;
    overflow: auto;
    border: 1px #CCCCCC solid;
}
div.ur-box p {
    margin:1em 10px;
    font-size: 80%;
}
div.ur-box p.ur-box-title {
    font-weight: bold;
    font-size: 100%;
}

div.ur-box div.table-head {
    padding-left: 5px;
    display: table-cell;
    font-size: 80%;
}
div.ur-box div.table-text {
    display: table-cell;
    font-size: 80%;
}
.ur-all-select {
    margin-left: 31px;
    margin-bottom: 5px;
}
.sy-error {
    margin: 5px 150px 0;
}
.checkbox-hover:hover {
    cursor: pointer;
}
.zaiko-chkbox:hover {
    cursor: pointer;
}
.ur-cssbtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: transparent;
    -webkit-focus-ring-color: none;
    outline: 0;
    outline: none; 
}
.ur-syusei-cssbtn {
    position: relative;
    background-color: #F173AD;
    color: #fff;
    height: 79px;
    border: 1px solid #F173AD;
}
button.ur-syusei-cssbtn:active{
    border:1px solid #BC5A88;
    padding-top:4px;
    padding-bottom:2px;
}
button.ur-syusei-cssbtn:hover{
    background-color: #EF99C1;
}
.ur-syousai-cssbtn {
    margin-top: -5px;
    margin-right: -25px;
    color: #fff;
    height: 36px;
    width: 50px;
    border: none;
    border-left: 1px solid #4E646F;
    float: right;
    background-color: #6BE5CF; 
    position: relative;
}
.ur-syousai-cssbtn:active {
    padding-top:4px;
    padding-bottom:2px;
    border:1px solid #4E646F;
    border-left:2px solid #4E646F;
}
.ur-syousai-cssbtn:hover {
    opacity: 0.8;
}
.ur-print-cssbtn {
    color: #fff;
    margin-top: -10px;
    margin-right: -25px;
    height: 30px;
    width: 60px;
    float: right;
    background-color: #6BE5CF; 
    border: 1px solid #6BE5CF;
    position: relative;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.ur-print-cssbtn:active {
    padding-top:4px;
    padding-bottom:2px;
    border:1px solid #52AF9E;
}
.ur-print-cssbtn:hover {
    opacity: 0.8;
}
.center {
    text-align: center;
}
.right {
    float: right;
}
.ur-kingaku {
    display: table-cell;
    height: 50px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
}
.ur-message {
    margin: 20px 30px 40px;
}
.ur-dg-title {
   font-size: 120%;
   padding: 0 0 15px;
   margin-top: -15px;
   width: 360px;
}
.text-right {
    text-align: right;
}
.width200 {
    width: 200px;
}
.hd-color {
    background-color: #FDE9D9;
}
ul.layer-pic {
    padding: 0;
}
ul.layer-pic li {
    vertical-align: top;
    width: 120px;
    height: 120px;
    display: inline-block;
    border: 0px solid #999;
}
.r-page {
    max-width: 740px;
    min-width: 540px;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: bottom;
}
.r-hyouji-kensu {
    padding: 10px 15px;
    float: right;
}
.r-page_number {
    float: right;
}
.r-pagination {
    margin: 5px 0;
}
ul.layer-pic li img {
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
}
.ui-menu.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #ffffff;
}
.ui-autocomplete {
    font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, MinSubsetFont, "游明朝", YuMincho, serif;
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}
.yv-su {
    width: 30px;
    text-align: right;
}
.yv-ryou {
    width: 50px;
    text-align: right;
}
.yv-mul {
    padding: 0 6px;
    width: 36px;
    text-align: center;
}
.yv-input {
    width: 115px;
}
.yv-equal {
    padding: 0 0 0 5px;
    width: 30px;
}
.yv-count {
    font-size: large;
    width: 60px;
    text-align: right;
    padding: 0 5px 0 0;
}
.yv-tani {
    font-size: small;
    width: 18px;
}
.yv-tani-all {
    font-size: small;
    width: 37px;
}
.suryou_width {
    width: 115px;
}
.rs-select-button {
    display: inline-flex;
    margin: 20px 0 20px;
}
.rs-yj-button {
	margin-left: 20px;
}
.no-deco {
    text-decoration: none;
}
.layer-zaiko li{
	float: left;
}
.layer-zaiko {
	display: inline-block;
	float: right;
    margin-right:80px;
}

.shukko-header {
    width: 63px;
    border: 1px solid #ccc;
    margin: 0 0 15px 10px;
    padding: 5px 15px;
    border-radius: 4px;
    background-color: #5BCAF4;
    color: #fff;
}
.yakka-title {
    margin-bottom: 10px;
    font-size: larger;
}
.tanka-title {
    margin: 5px 0 15px 20px;
}
.yakka-total {
    float: right;
    margin: 10px 20px 5px 0;
    font-size: large;
    text-decoration: underline;
}
.sh-print-cssbtn {
    color: #fff;
    margin-top: 5px;
    margin-left: 5px;
    height: 26px;
    width: 60px;
    background-color: #6BE5CF; 
    border: 1px solid #6BE5CF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.sh-print-cssbtn:active {
    /*padding-top:3px;
    padding-bottom:2px;*/
    border:1px solid #52AF9E;
}
.sh-print-cssbtn:hover {
    opacity: 0.8;
}
.zk-print-cssbtn {
    position: relative;
    top: 6px;
    left: 25px;
    color: #fff;
    height: 26px;
    width: 60px;
    background-color: #6BE5CF; 
    border: 1px solid #6BE5CF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.zk-print-cssbtn:active {
    border:1px solid #52AF9E;
}
.zk-print-cssbtn:hover {
    opacity: 0.8;
}
@media (max-width: 694px) {
    .zk-print-cssbtn {
        left: 116px;
    }
}
.lc-print-cssbtn {
    color: #fff;
    height: 26px;
    width: 60px;
    background-color: #6BE5CF; 
    border: 1px solid #6BE5CF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.lc-print-cssbtn:active {
    border:1px solid #52AF9E;
}
.lc-print-cssbtn:hover {
    opacity: 0.8;
}
@media (max-width: 694px) {
    .lc-print-cssbtn {
        left: 116px;
    }
}
.tuki-cssbtn {
    float: left;
    margin-right: 12px;
    background-color: #5BCAF4;
    color: #fff;
    border: 1px solid #5BCAF4;
}
.tuki-cssbtn:active{
    border:1px solid #488FBF;
}
.tuki-off-cssbtn {
    float: left;
    margin-right: 12px;
    background-color: #fff;
    color: #29343A;
    border: 1px solid #5BCAF4;
}
.tuki-off-cssbtn:active{
    border:1px solid #488FBF;
}
.radius5 {
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    border-radius: 5px!important;
}
.zaiko-list {
    border:solid 0.5px #666;
    overflow-x: auto;
    /*width: 720px;*/
    height: 460px
}
.zaiko-list table tr {
    white-space: nowrap;
    border-bottom:solid 0.5px #BBB;
    margin-left: 5px;
}
.zaiko-list table th {
    padding: 0 10px 0 3px;
    border-left:solid 0.5px #BBB;
    background-color:  aliceblue;
    text-align: center;
}
.zaiko-list table td {
    padding: 0 10px 0 3px;
    border-left:solid 0.5px #BBB;
}
.height-10 {
    height: 10px;
}
.mg-left-20 {
    margin-left: 20px;
}
.mg-left-10 {
    margin-left: 10px;
}
.mg-left-65 {
    margin-left: 65px;
}
.dl-label {
    font-size: small;
    text-align: left;
    width: 80px;
}
.dl-list {
    text-align: left;
    width: 100px!important;
    margin-right: 8px;
}
/* ボタン */
button.btn:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
button.btn:focus,

button.btn:active:focus
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: transparent;
    -webkit-focus-ring-color: none;
    outline: 0;
    outline: none;
}
.zero-stock-btn:focus,
.zero-stock-btn:focus:active,
.zero-stock-btn:active:hover,
.zero-stock-btn:active {
    background-color: rgba(0, 0, 0, 0);
}
.zero-stock-btn:active {
    position: relative;
    top: 1px;
}
.login-btn:active {
    position: relative;
    top: 11px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: url(/Content/images/login.png) left top no-repeat;
    background-size: contain;
    background-color: rgba(0, 0, 0, 0);
}
.logout-btn:active {
    position: relative;
    top: 11px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	background: url(/Content/images/logout.png) left top no-repeat;
	background-size: contain;
    background-color: rgba(0, 0, 0, 0);
}
.search-btn:active {
	background: url(/Content/images/search-on.png) left top no-repeat;
	background-size: contain;
}
.seppaku-on-btn:active {
	background: url(/Content/images/seppaku-on.png) left top no-repeat;
	background-size: contain;
}
.seppaku-off-btn:active {
	background: url(/Content/images/seppaku-off.png) left top no-repeat;
	background-size: contain;
}
.uritai-off-btn:active {
	background-image: url(/Content/images/sell-off.png);
}
.uritai-on-btn:active {
	background-image: url(/Content/images/sell-on.png);
}
.kaitai-off-btn:active {
	background-image: url(/Content/images/buy-off.png);
}
.kaitai-on-btn:active {
	background-image: url(/Content/images/buy-on.png);
}
.hudo-btn:active {
	background: url(/Content/images/hudo-on.png) left top no-repeat;
    background-size: contain;
	float: left;
}
.hudo-off-btn:active {
	background-image: url(/Content/images/hudo-off.png);
}
.hudo-on-btn:active {
	background-image: url(/Content/images/hudo-on.png);
}
.syusei-btn:active {
	background-image: url(/Content/images/change-on.png);
}
.GS-1-btn:active {
	background-image: url(/Content/images/GS-1-on.png);
	background-size: contain;
}
.GS-1-btn:disabled {
	cursor:not-allowed; /* 禁止カーソル */
}
.plus-btn:active {
	background-image: url(/Content/images/plus.png);
	width: 28px;
}
.cart-btn:active {
	background-image: url(/Content/images/cart-on.png);
	float: right;
	clear: left;
}
.jyoubi-on-btn:active {
	background-image: url(/Content/images/jyoubi-on.png);
}
.jyoubi-off-btn:active {
	background-image: url(/Content/images/jyoubi-off.png);
}
.close-btn:active {
	background-image: url(/Content/images/close-on.png);
}
.touroku-b-btn:active {
	background-image: url(/Content/images/register-b-on.png);
}
.touroku-p-btn:active {
	background-image: url(/Content/images/register-on.png);
}
.delete-on-btn:active {
	background-image: url(/Content/images/delete-on.png);
}
.delete-btn:active {
	background-image: url(/Content/images/delete.png);
}
.zhudo-on-btn:active {
	background: url(/Content/images/hudo-on.png) left top no-repeat;
    background-size: contain;
}
.zhudo-off-btn:active {
	background: url(/Content/images/hudo-off.png) left top no-repeat;
    background-size: contain;
}
.done-btn:active {
	background: url(/Content/images/done-on.png) left top no-repeat;
    background-size: contain;
}
.tsukiawase-btn:active {
    border-radius: 4px;
	background-image: url(/Content/images/tsukiawase.png);
}
.tDnD_whileDrag td {
    background-color: #F3FAFE;
    /*-webkit-box-shadow: 11px 5px 12px 2px #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    -webkit-box-shadow: 6px 3px 5px #DEEDFA, 0 1px 0 #A0DFF8 inset, 0 -1px 0 #A0DFF8 inset;
    /*-moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    /*-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
}
/*#table-loc tr {
    border:solid 1px #ccc;
}*/
/*#table-loc tr td {
    width: 300px;
    line-height: 1.8em;
    padding-left: 15px;
    font-size: large;
}*/
#table-loc input {
    width: 300px;
    margin:1px;
}
#table-loc input {
    width: 300px;
    margin:1px;
}
.area-number {
    width: 50px;
    height: 36px;
    /*line-height: 1.8em;*/
    text-align: right;
    padding: 2px 25px 2px 1px;
    color: steelblue;
    font-size: large;
}
#table-loc img {
    width: 22px;
    margin-left: 2px;
}
#table-loc tr td.showDragHandle {
    background-repeat: no-repeat;
    background-position: center center;
    cursor: move;
}

.DivLink {
    cursor: pointer;
    display: flex;
}
.DivLink:hover{
    text-decoration:underline;
}
.loc-row {
    display: table-cell;
    vertical-align: top; 
}

/* 待機アイコン */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 150px auto;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #5BCAF4;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}