.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.mini{
	font-size: 11px;
}

.red{
	color: red;
}

.bold{
	font-weight: bold;
}

.big{
	font-size: 16px;
}

.caution{
	color: red;
	font-weight: bold;
}

span.checkmark{
	font-size: 20px;
	/*font-weight: bold;*/
}

div.space{
	font-size: 0px;
	height: 30px;
	/*clear: both;*/
}

div.space-s{
	font-size: 0px;
	height: 15px;
	/*clear: both;*/
}

div.clear{
	margin: 0;
	padding: 0;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
	display: block;
}

/* table.std ****************************************************/

table.std{
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.std th{
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	background-color: #384e4f;
	padding: 8px 10px 8px 10px;
	border: 1px solid #384e4f;
}

table.std td{
	font-size: 13px;
	background-color: #ffffff;
	padding: 8px 10px 8px 10px;
	border: 1px solid #384e4f;
}

table.odd tbody tr:nth-child(odd) td {
	background-color: #ffeebb;
}

table.even tbody tr:nth-child(even) td {
	background-color: #ffeebb;
}

table.std .mini{
	font-size: 11px;
	padding: 5px;
}

/* msg ****************************************************/

	table.msg-main{
		font-weight: bold;
		letter-spacing: +2px;
		background-color: #ffffff;
		background-image:url(../images/msg_bg.gif);
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	table.msg-main td.img{
		width: 50px;
		text-align: center;
		padding: 10px 5px 10px 0px;
	}

	table.msg-main td.msg{
		color: #ff0000;
		padding: 10px 10px 10px 5px;
	}

	table.msg-err{
		margin: 0px 0px 5px 0px !important;
	}

	table.msg-err td{
		font-size: 11px !important;
		color: white !important;
		border: 1px solid #ff0000 !important;
		background-color: #ff1111 !important;
		padding: 3px 5px 3px 5px !important;
		margin: 0px !important;
	}

/* modal **********************************************************************/

#modalback{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.70;
	filter:alpha(opacity=70);
	display:none;
	z-index: 9998;
}

#modalwindow{
	padding: 0;
	margin: 0;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
	z-index: 9999;
}

#modalframe{
	padding: 0;
	margin: 0;
	border: none;
}

div.modal_child{
	background-color: #ffffff;
	padding: 10px 20px 10px 20px;
}

/* loading *************************************************/

#loading{
	padding: 0;
	margin: 0;
	position: fixed;
	top:0;
	left:0;
	display:none;
	z-index: 9998;
	width: 300px;
	height: 220px;
	text-align: center;
	/*border: 2px solid #999999;*/
	/*background-color: #ffffff;*/
}

#loading img{
	padding: 0;
	margin: 0;
	width: 64px;
	height: 64px;
}

/* help ****************************************************/

img.help{
	width: 20px;
}

div.modal_help h3{
	font-size: 16px;
	font-weight: bold;
	color: #242186;
	margin: 0 0 0 0;
}

div.modal_help span{
	color: red;
	font-weight: bold;
}

/* override ************************************************/

.button{
	display: inline-block;
	color: #ffffff;
	font-weight: 700;
	padding: 0.5rem 2rem;
	margin: 0 0.5rem 0 0;
	border: solid 1px;
	background-color: #00a79b;
	border-radius: 30px;
}

.button_mini{
	display: inline-block;
	color: #ffffff;
	font-weight: 700;
	padding: 0.3rem 1rem;
	margin: 0 0.5rem 0 0;
	border: solid 1px;
	background-color: #00a79b;
	border-radius: 15px;
}

.button a{
	color: #ffffff;
	font-size: 900;
}

.button_red{
	color: #ffffff !important;
	background-color: #e2391b !important;
}

.button_blue{
	color: #ffffff !important;
	background-color: #0055dc !important;
}

.button_gray{
	color: #ffffff !important;
	background-color: #666666 !important;
}

.button_green{
	color: #ffffff !important;
	background-color: #146F39 !important;
}

.btn_s{
	cursor: pointer;
}

input.page{
	width: 60px;
}

input.measure{
	width: 80px;
}

input.count{
	width: 40px;
}

/* custom_graph_view ***************************************/

table.h2{
	padding: 0;
	margin: 0 0 15px 0;
	height: 30px;
	border-left: 30px solid #54a49c;
}

table.h2 th{
	padding: 0px 0px 0px 10px;
}

table.h2 td{
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	font-weight: bold;
}


div.area{
	margin: 0 0 20px 0;
	clear: both;
}

.custom_graph_item{
	width: 100%;
	height: 300px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	display: flex;
	margin: 0;
	padding: 0;
}
.custom_graph_item::-webkit-scrollbar {
display: none;
}

.custom_graph_box{
width: 100%;
/*background-color: #cacaca;*/
cursor: grab;
}
.custom_graph_box active{
cursor: grabbing;
}

.custom_graph_item canvas{
width: auto;
height: 100%;
}

div.item{
	width: 300px;
	float: left;
	margin: 0 0 10px 0;
}
div.select{
	height: 20px;
	width: 20px;
	float: left;
}
div.sample{
	height: 20px;
	width: 20px;
	float: left;
}
div.label{
	width: 160px;
	float: left;
	margin: 0 0 0 10px;
}

div.clear{
	clear: both;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}