/* Context menu
 * *************************************************************************/
/* Chane positon to align the menu with the page header on the left side. */
.context-menu {
  position: relative;
  top: 2px;
}

/***************************************************************************
 *                               Main panes                                *
 ***************************************************************************/
.main-pane {
    display: none
}
.main-pane.active {
  display: inline;
}

/* Status message
 * *************************************************************************/
/* Push the status message a littlebit down from the page header. */
#status-messages {
  margin-top: 10px;
}

/* Overview tables
 * *************************************************************************/
/* Change the mouse cursor to a pointer when hovering the rows of the
 * overviewtable to indicate that they are clickable. */
#data td.link:hover {
	cursor: pointer;
}

#data td a.filter {
  text-decoration: None;
  color: black;
  cursor:zoom-in;
}

 /* Datatables
 **********************************************************************/
div.dataTables_length {
    float: right;
    padding: 10px;
}

div.dataTables_length select {
    display: inline;
    width: 80px;
}

table.dataTable td.link:hover {
	cursor: pointer;
}

.dataTables_filter input {
    margin-bottom: 0px;
    width: 200px;
    display: inline;
}
.dataTables_filter {
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 3px 3px 3px 3px;
    padding: 9px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 10px;
    min-height: 20px;
}

div.dataTables_info {
    position: relative;
    top: -18px;
    font-size: 0.9em;
    float: left;
}
div.dataTables_paginate {
    position: relative;
    top: -18px;
    font-size: 0.9em;
    float: right;
}

a.paginate_button,
a.paginate_active {
    padding: 2px 2px;
    margin-left: 2px;
    cursor: pointer;
    *cursor: hand;
}
 
a.paginate_active {
    background-color: transparent;
    font-weight: bold;
}
 
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}
 
div.dataTables_paginate span>a {
    width: 15px;
    text-align: center;
}

/* Self clearing - */
div.dataTables_wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .dataTables_wrapper { display: block; }
* html .dataTables_wrapper { height: 1%; }
 
.table .table-toolbar {
    background-color: #F5F5F5;
}

.table .actions {
    text-align: right;
}

/* Search
 * *************************************************************************/
/* Change the mouse cursor to a pointer when hovering the rows of the
 * overviewtable to indicate that they are clickable. */
.search-widget {
  margin-bottom: 10px;
}
.search-widget form {
  margin-bottom: 0px;
}
/* Overwrite the margin of the button (was 15px) */
.search-widget button {
    margin-right: 0px;
}
ul.dropdown-menu li table td a {
    padding: 10px 15px;
    color: black;
    text-decoration: None;
}
ul.dropdown-menu li table {
    margin-bottom: 0px;
}
ul.dropdown-menu li table td {
    vertical-align: middle;
}

/* Statefield */

/* Hide infos on the resulting state on default. */
.result-state {
  display: none
}
