* {
    margin: 0px;
    padding: 0px;
}
.cls_btn {
    display: inline-block;
    border: none;
	border-radius: 3px;
	/*width: auto;*/
    outline: 0;
    padding: 6px 16px;
	line-height: 1.5em;
	font-size: 1em;
	font-family: Arial, sans-serif;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none!important;
    white-space: nowrap;
    color: #fff;
    background-color: #000;
	cursor: pointer;
}
.cls_btn:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
/******* Standard class for progress bar ********/
/* <div class="cls_prgrs"><div></div><p></p></div> */
/* Both <div> and <p> are absolute to not affect another */
/* Default: inline-block with width=0, must set width or display=block */
div.cls_prgrs {
	/*width: 380px; */
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 28px;/*Same to center span vertically*/
	color: #ffffff;
	background-color: #bdbdbd;
	border-radius: 4px;
	overflow: hidden;
}
div.cls_prgrs div{
	position: absolute;
    width: 10%;
	height: 100%;
	background-color: #337ab7;
}
div.cls_prgrs p{
	position: absolute;
    width: 100%;
	height: 100%;
	text-align: center;
	line-height: 28px;/*Same to center span vertically*/
}
/******* popup class with overlay, dialog, wrap and x-buttonx ********/
/* scrollbar inside wrap to prevent ugly corner radius with DxwPopAsSize */
div.cls_pop_over{
	position: fixed;
	z-index: 100;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	/* wil cause transparency to all children */
	/*opacity: 0.6;*/
}
div.cls_pop_dlg{
	position: absolute;
	z-index: 101;
	box-sizing: border-box;
	/* Best H/V centering works well even while window resizing */
	/* Set: margin: auto; top: 0; left: 0; bottom: 0; right: 0;*/
	/* It requires JS to set both width and height beforehand */
	/* So User set width first, then setTimeout to get height */
	/* Then set the height and the below for centring and scrolling */
	background: #fefefe;
	border-radius: 8px;
	font-family: Arial, sans-serif;
	font-size: 1rem;
	/* Set padding inside wrap instead*/
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
div.cls_pop_wrap{
	box-sizing: border-box;
	/* Set whatever padding you like*/
	overflow: auto;/*For scrollbar*/
}
div.cls_pop_xbtn{
    position: absolute;
	display: block;
    top: -24px;
    right: -24px;
    cursor:pointer;

	background: #f90;
    color: #fff;
    font-family: Arial, sans-serif;
	/*font-weight: bold;*/
    font-size: 48px;
	line-height: 34px;
    text-align: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
}
/******* Standard class for simple table ********/
table.cls_tbl {
    border-collapse: collapse;
    border-spacing: 0;
    /*width: 100%;*/
    /*table-layout: fixed;*/
}
table.cls_tbl > thead {
    text-align: left;
	border-bottom: 1px solid #ccc;
}
table.cls_tbl > thead th {
	padding: 6px 8px;
}
table.cls_tbl > tbody > tr {
    border-bottom: 1px solid #ddd;
}
table.cls_tbl > tbody > tr[data-tr="1"] {
    background-color: #f1f1f1;
}
table.cls_tbl > tbody > tr[data-tr]:hover{
    background-color: #ccc;
}
table.cls_tbl > tbody > tr > td {
	padding: 6px 8px;
}