div.dataTables_length label {

	float: left;

	text-align: left;

}



div.dataTables_length select {

	width: 75px;

}



div.dataTables_filter label {

	float: right;

}



div.dataTables_info {

	padding-top: 8px;

}



div.dataTables_paginate {

	float: right;

	margin: 0;

}



table.table {

	clear: both;

	margin-bottom: 6px !important;

	max-width: none !important;

}



table.table thead .sorting,

table.table thead .sorting_asc,

table.table thead .sorting_desc,

table.table thead .sorting_asc_disabled,

table.table thead .sorting_desc_disabled {

	cursor: pointer;

	*cursor: hand;

}



table.table thead .sorting { background: url('images/sort_both.png') no-repeat center right; }

table.table thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }

table.table thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }



table.table thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }

table.table thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }



table.dataTable th:active {

	outline: none;

}



/* Scrolling */

div.dataTables_scrollHead table {

	margin-bottom: 0 !important;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

}



div.dataTables_scrollHead table thead tr:last-child th:first-child,

div.dataTables_scrollHead table thead tr:last-child td:first-child {

	border-bottom-left-radius: 0 !important;

	border-bottom-right-radius: 0 !important;

}



div.dataTables_scrollBody table {

	border-top: none;

	margin-bottom: 0 !important;

}



div.dataTables_scrollBody tbody tr:first-child th,

div.dataTables_scrollBody tbody tr:first-child td {

	border-top: none;

}



div.dataTables_scrollFoot table {

	border-top: none;

}









/*

 * TableTools styles

 */

.table tbody tr.active td,

.table tbody tr.active th {

	background-color: #08C;

	color: white;

}



.table tbody tr.active:hover td,

.table tbody tr.active:hover th {

	background-color: #0075b0 !important;

}



.table-striped tbody tr.active:nth-child(odd) td,

.table-striped tbody tr.active:nth-child(odd) th {

	background-color: #017ebc;

}

.table.dataTable tr.odd {
	background-color:#FFF !important;
}

.table.dataTable td.sorting_2 {	
background-color:#FFF !important;
}

.table.dataTable td.sorting_1 {
		background-color:#FFF !important;
	}



.table.DTTT_selectable tbody tr {

	cursor: pointer;

	*cursor: hand;

}



div.DTTT .btn {

	color: #333 !important;

	font-size: 12px;

}



div.DTTT .btn:hover {

	text-decoration: none !important;

}





ul.DTTT_dropdown.dropdown-menu a {

	color: #333 !important; /* needed only when demo_page.css is included */

}



ul.DTTT_dropdown.dropdown-menu li:hover a {

	background-color: #0088cc;

	color: white !important;

}



/* TableTools information display */

div.DTTT_print_info.modal {

	height: 150px;

	margin-top: -75px;

	text-align: center;

}



div.DTTT_print_info h6 {

	font-weight: normal;

	font-size: 28px;

	line-height: 28px;

	margin: 1em;

}



div.DTTT_print_info p {

	font-size: 14px;

	line-height: 20px;

}







/*

 * FixedColumns styles

 */

div.DTFC_LeftHeadWrapper table,

div.DTFC_LeftFootWrapper table,

table.DTFC_Cloned tr.even {

	background-color: white;

}



div.DTFC_LeftHeadWrapper table {

	margin-bottom: 0 !important;

	border-top-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important;

	border-bottom-right-radius: 0 !important;

}



div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,

div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {

	border-bottom-left-radius: 0 !important;

	border-bottom-right-radius: 0 !important;

}



div.DTFC_LeftBodyWrapper table {

	border-top: none;

	margin-bottom: 0 !important;

}



div.DTFC_LeftBodyWrapper tbody tr:first-child th,

div.DTFC_LeftBodyWrapper tbody tr:first-child td {

	border-top: none;

}



div.DTFC_LeftFootWrapper table {

	border-top: none;

}


/***

Portlets

***/

.portlet  {

  clear: both;

  margin-top: 0px;

  margin-bottom: 25px;

  padding: 0px;

}



.portlet:after, .portlet:before {

  display: table;

  color: "";

}



.portlet-title {  

  margin-bottom: 15px;

  border-bottom: 1px solid #eee;

}



.portlet-title h4 {

  display: inline-block;

  font-size: 18px;

  font-weight: 400;

  margin: 0;

  padding: 0;

  margin-bottom: 7px; 

}



.portlet-title h4 i {

  font-size: 13px;

  margin-right: 5px;

  color: #666;

}



.portlet.blue .portlet-title h4, .portlet-title.blue h4, 

.portlet.green .portlet-title h4, .portlet-title.green h4,

.portlet.yellow .portlet-title h4, .portlet-title.yellow h4,

.portlet.red .portlet-title h4, .portlet-title.red h4,

.portlet.purple .portlet-title h4, .portlet-title.purple h4,

.portlet.dark-grey .portlet-title h4, .portlet-title.dark-grey h4, {

  color: #fff;

}



.portlet.blue .portlet-title h4 > i, 

.portlet.green .portlet-title h4 > i,

.portlet.grey .portlet-title h4 > i,

.portlet.yellow .portlet-title h4 > i, 

.portlet.red .portlet-title h4 > i,  

.portlet.purple .portlet-title h4 > i, 

.portlet.dark-grey .portlet-title h4 > i{

  color: #eee;

}



.sortable .portlet .portlet-title {

  cursor: move;

}



.portlet-title .tools,

.portlet-title .actions

 {

  display: inline-block;

  padding: 0;

  margin: 0;

  margin-top: 6px;

  float: right;

}



.portlet-title .tools > a {

  display: inline-block;

  height: 16px;

  margin-left:5px;

}



.portlet-title .dropdown-menu i {

  color: #000 !important;

}



.portlet-title .tools > a.remove {

  background-image:url(../img/portlet-remove-icon.png);

  background-repeat: no-repeat;

  width: 11px;

}



.portlet-title .tools > a.config {

  background-image:url(../img/portlet-config-icon.png);

  background-repeat: no-repeat;

  width: 12px;

}



.portlet-title .tools > a.reload {

  background-image:url(../img/portlet-reload-icon.png);

  width: 13px;

}



.portlet-title .tools > a.expand {

  background-image:url(../img/portlet-expand-icon.png);

  width: 14px;

}



.portlet-title .tools > a.collapse {

  background-image:url(../img/portlet-collapse-icon.png);

  width: 14px;

}



.portlet-title .tools > a:hover {

  text-decoration: none;

  -webkit-transition: all 0.1s ease-in-out;

  -moz-transition: all 0.1s ease-in-out;

  -o-transition: all 0.1s ease-in-out;

  -ms-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out;

  opacity:.6;  

  filter:'alpha(opacity=60)';

}



.portlet-title .actions > .btn-group {

  margin-top: -12px;

}



.portlet-title .actions > .btn {

  padding: 4px 10px;

  margin-top: -13px;

}



.portlet-title .actions > .btn.mini {

  margin-top: -12px;

  padding: 4px 10px;

}



.portlet-title .pagination.pagination-small {

  float: right !important;

  display: inline-block !important;

  margin: 0px;

  margin-top: -2px;

}



.portlet-body {

  clear: both;  

  padding: 0;  

}



.portlet-body.light-blue, .portlet.light-blue {

  background-color: #bfd5fa  !important;

}



.portlet-body.blue, .portlet.blue {

  background-color: #4b8df8 !important;

}



.portlet-body.red, .portlet.red {

  background-color: #e02222 !important;

}



.portlet-body.yellow, .portlet.yellow {

  background-color: #ffb848 !important;

}



.portlet-body.green, .portlet.green {

  background-color: #35aa47 !important;

}



.portlet-body.purple, .portlet.purple {

  background-color: #852b99 !important;

}



.portlet-body.light-grey, .portlet.light-grey {

  background-color: #fafafa !important;

}



.portlet-body.dark-grey, .portlet.dark-grey {

  background-color: #555555 !important;

}



.portlet-body .btn-toolbar {

  margin: 0px !important;

  padding: 0px !important;

}



.portlet-body .btn-group {

  margin: 0px !important;

  padding: 0px !important;

  margin-bottom: 10px !important;

}


.group {
	
	background-color:rgb(171, 196, 255) !important;
	font-weight:bold !important;
}

/*  draggable girds */



.sortable-box-placeholder {

  background-color: #f5f5f5;

  border: 1px dashed #DDDDDD;

  display: block;

  /* float: left;*/

  margin-top: 0px !important;

  margin-left: 1%;

  margin-right: 0.6%;

}



.sortable-box-placeholder * {

  visibility:hidden;

}



/***

Solid colored portlet

***/

.portlet.solid {

  padding: 10px;

}



.portlet.solid .portlet-title .tools {

  margin-top: 2px;

  border: 0px;

}



.portlet.solid .portlet-title {

  margin-bottom: 5px;

  border: 0px;

}



.portlet.solid.bordered .portlet-title {

  margin-bottom: 15px;

}



.portlet.solid.red .portlet-title,

.portlet.solid.red .portlet-title i,

.portlet.solid.red .portlet-body,



.portlet.solid.green .portlet-title,

.portlet.solid.green .portlet-title i,

.portlet.solid.green .portlet-body,



.portlet.solid.yellow .portlet-title,

.portlet.solid.yellow .portlet-title i,

.portlet.solid.yellow .portlet-body,



.portlet.solid.grey .portlet-title,

.portlet.solid.grey .portlet-title i,

.portlet.solid.grey .portlet-body,



.portlet.solid.purple .portlet-title,

.portlet.solid.purple .portlet-title i,

.portlet.solid.purple .portlet-body,



.portlet.solid.blue .portlet-title,

.portlet.solid.blue .portlet-title i,

.portlet.solid.blue .portlet-body {

  border: 0;

  color: #fff;

}



.portlet.bordered {

  border-left: 2px solid #ddd;

}



/***

Box portlet

***/

.portlet.box {

   padding:0px;

}



.portlet.box .portlet-title {  

   padding:8px 10px 2px 10px;

   border-bottom: 1px solid #eee;

   color: #fff !important;

}



.portlet.box .portlet-title > .actions > .btn > i {

  color: #fff !important;

}



.portlet.box .portlet-title .tools {

  margin-top: 3px;

}



.portlet.box .portlet-title .tools > a.remove, 

.portlet.solid .portlet-title .tools > a.remove {

  background-image:url(../img/portlet-remove-icon-white.png);

}



.portlet.box .portlet-title .tools > a.config,

.portlet.solid .portlet-title .tools > a.config {

  background-image:url(../img/portlet-config-icon-white.png);

}



.portlet.box .portlet-title .tools > a.reload,

.portlet.solid .portlet-title .tools > a.reload {

  background-image:url(../img/portlet-reload-icon-white.png);

}



.portlet.box .portlet-title .tools > a.expand,

.portlet.solid .portlet-title .tools > a.expand {

  background-image:url(../img/portlet-expand-icon-white.png);

}



.portlet.box .portlet-title .tools > a.collapse,

.portlet.solid .portlet-title .tools > a.collapse {

  background-image:url(../img/portlet-collapse-icon-white.png);

}



/* portlet buttons */

.portlet.box .portlet-body {

  background-color: #fff;

  padding: 10px;

}



.portlet.box .portlet-title {  

  margin-bottom: 0px;

}



.portlet.box.blue .portlet-title {

  background-color: #4b8df8;

} 



.portlet.box.blue {  

   border: 1px solid #b4cef8;

   border-top: 0;

}



.portlet.box.red .portlet-title {

  background-color: #e02222;

} 



.portlet.box.red {  

   border: 1px solid #ef8476;

   border-top: 0;

}



.portlet.box.yellow .portlet-title {

  background-color: #ffb848;

} 



.portlet.box.yellow {  

   border: 1px solid #fccb7e;

   border-top: 0;

}



.portlet.box.green .portlet-title {

  background-color: #35aa47;

} 



.portlet.box.green {  

   border: 1px solid #77e588;

   border-top: 0;

}



.portlet.box.purple .portlet-title {

  background-color: #852b99;

} 



.portlet.box.purple {  

   border: 1px solid #af5cc1;

   border-top: 0;

}



.portlet.box.grey .portlet-title {

  background-color: #555555;

} 



.portlet.box.grey {  

   border: 1px solid #9d9c9c;

   border-top: 0;

}



.portlet.box.light-grey .portlet-title {

  background-color: #aaa;

} 



.portlet.box.light-grey {  

   border: 1px solid #eee;

   border-top: 0;

}