.furu{
	animation: furu 2.2s infinite;
}
@keyframes furu {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    2% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    4% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    6% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    8% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    10% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    12% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    14% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    16% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    18% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}
	#pagetop {
		position: fixed;
		bottom: 10px;
		right: 30px;
	}

	#ex-search{
		
	}

	.modal_error{
		font-size:12px;
		color:#ff0000;
	}

	.text:hover + .fukidashi {
		display: block;
	}

	.require-mark{
		color:#ff0000;
	}

	.btn {
		cursor:pointer;
	}

	td {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width: 0;
	}

	.edit-modal{
		cursor:pointer;
		/*text-decoration: underline blue;*/
		border-bottom: dashed 1px #ff0000;
	}

	.view-tab{
		cursor:pointer;
		/*text-decoration: underline blue;*/
		border-bottom: dashed 1px #0000ff;
	}

	#modal-edit-products .form-control{
		font-size:90%;
	}

	#modal-edi-products strong{
		font-size:90%;
	}

	#modal-edit-products .input-group-text{
		font-size:90%;
	}
	#modal-edit-products .custom-select{
		font-size:90%;
	}
	#modal-edit-products .form-group{
		margin-bottom: 8px;
	}

	#modal-edit-suppliers .form-control{
		font-size:90%;
	}
	#modal-edi-supplierst strong{
		font-size:90%;
	}
	#modal-edit-suppliers .input-group-text{
		font-size:90%;
	}
	#modal-edit-suppliers .custom-select{
		font-size:90%;
	}
	#modal-edit-suppliers .form-group{
		margin-bottom: 8px;
	}

	#pm-indicator{
		font-size:12px;
	}
	#pm-indicator.very-weak{
		color:#ff0000;
	}
	#pm-indicator.weak{
		color:#00ff00;
	}
	#pm-indicator .average{
		color:#ffff00;
	}
	#pm-indicator.strong{
		color:#00ffff;
	}
	#pm-indicator.very-strong{
		color:#0000ff;
	}

	#csv_area {
		width: auto;
		height: 200px;
		overflow: auto;
	}

	.readonly{
		background-color:#f5f5f5;
		pointer-events : none;
	}

	.caution{
		background-color:#ff0000;
	}

.text-muted{
	font-size:80%;
}
input[class*="_editable"]{
	/*color:#0000ff;*/
	/*font-weight:bold;*/
}
::placeholder {
	color: blue;
	font-size: 80%;
	font-weight:lighter;
}


a{color:#58bff6;text-decoration: none;}
a:hover{color:#aaa; }
.pull-right{float: right;}
.pull-left{float: left;}
.clear-fix{clear:both;}





div.form-item{
	position: relative;
	display: block;
	margin-bottom: 20px;
}

input{
	transition: all .2s ease;
}

input.form-style{
	/*color:#8a8a8a;*/
	color:#000000;
	display: block;
	width: 100%;
	/*height: 44px;*/
	height:30px;
	/*padding: 5px 5%;*/
	padding: 2px 5px;
	border:1px solid #ccc;
	/*-moz-border-radius: 27px;*/
	/*-webkit-border-radius: 27px;*/
	/*border-radius: 27px;*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	font-family:'HelveticaNeue','Arial', sans-serif;
	font-size: 105%;
	letter-spacing: .8px;
}

div.form-item .form-style:focus{
	outline: none;
	border:1px solid #58bff6;
	color:#58bff6;
}

div.form-item p.formLabel {
	position: absolute;
	/*left:26px;*/
	left:3px;
	/*top:2px;*/
	top:4px;
	transition:all .4s ease;
	color:#bbb;
}

.formTop{
	top:-12px !important;
	left:13px;
	background-color: #fff;
	padding:0 5px;
	font-size: 12px;
	color:#58bff6 !important;
}

.formStatus{
	color:#8a8a8a !important;
}