@import url('bootstrap.min.css');
@import url('jquery.dataTables.css');
@import url('datepicker.css');
@import url('bootstrap-dialog.css');
@import url('autocomplete.css');
@import url('bootstrap-select.css');
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

ul.cssCheck{
padding-bottom:3px;
padding-left:auto;
padding-right:auto;
cursor:pointer;
}
ul.cssCheck li{
font-size: .9em;
line-height: 1em;
}
body:nth-of-type(1) ul.cssCheck li{
list-style-type:none;
padding: 0 0 0 20px;
position:relative;
}
body:nth-of-type(1) ul.cssCheck li:before{
/*fill it with a blank space*/
content:"\00a0";
 
/*make it a block element*/
display: block;
 
/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border:solid 10px rgb(245, 36, 8);/*solid 10px rgb(118, 230, 16)*/
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
 
/*Now position it on the left of the list item, and center it vertically
(so that it will work with multiple line list-items)*/
position: absolute;
left: -16px;
top: 40%;
margin-top: -8px;
}
body:nth-of-type(1) ul.cssCheck li:after{
/*Add another block-level blank space*/
content:"\00a0";
display:block;
 
/*Make it a small rectangle so the border will create an L-shape*/
width: 5px;
height: 9px;
 
/*Add a white border on the bottom and left, creating that 'L' */
border: solid #fff;
border-width: 0 2px 2px 0;
 
/*Position it on top of the circle*/
position:absolute;
left: -10px;
top: 40%;
margin-top: -6px;
 
/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

/***********************   Status OK *******************************/
ul.cssCheckOK{
padding-bottom:3px;
padding-left:auto;
padding-right:auto;
cursor:no-drop;
}
ul.cssCheckOK li{
font-size: .9em;
line-height: 1em;
}
body:nth-of-type(1) ul.cssCheckOK li{
list-style-type:none;
padding: 0 0 0 20px;
position:relative;
}
body:nth-of-type(1) ul.cssCheckOK li:before{
/*fill it with a blank space*/
content:"\00a0";
 
/*make it a block element*/
display: block;
 
/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border:solid 10px rgb(118, 230, 16);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
 
/*Now position it on the left of the list item, and center it vertically
(so that it will work with multiple line list-items)*/
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;
}
body:nth-of-type(1) ul.cssCheckOK li:after{
/*Add another block-level blank space*/
content:"\00a0";
display:block;
 
/*Make it a small rectangle so the border will create an L-shape*/
width: 5px;
height: 9px;
 
/*Add a white border on the bottom and left, creating that 'L' */
border: solid #fff;
border-width: 0 2px 2px 0;
 
/*Position it on top of the circle*/
position:absolute;
left: 14px;
top: 40%;
margin-top: -6px;
 
/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
/*******************************************************/
.dataNumber{
	text-align:right !important;
}

.hrShadow{
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
	width:80%
}
.hrDashed{
	border-top: 2px dashed #8c8b8b;
}

.total{
	font-weight:bold;
	font-size:large
}