.comlaude-data-table-container table.remove-table-border {
    border: none !important;
    opacity: .99;
}

.comlaude-data-table-container tr.even:hover,
.comlaude-data-table-container tr.even:hover td {
    background-color: #F1F5FA;
}

.column-toggle-options {
   padding: 0 0 15px 0;
}
.column-toggle-options a{
    display: inline-block;
}
.extra-headers th {
    font-weight: normal !important;
    background-color: #FFF;
}

.status-highlight {
    display: inline-block;
    border-radius: 5px;
    padding: 2px 10px;
    color: #ffffff;
}
.status-highlight-grandfather {
    background-color: #786a5b;
}
.status-highlight-pre-sunrise {
    background-color: #140737;
}
.status-highlight-sunrise {
    background-color: #8a002c;
}
.status-highlight-landrush {
    background-color: #c95f0a;
}
.status-highlight-early-access {
    background-color: #6da48d;
}
.status-highlight-general-availibility {
    background-color: #015b27;
}
.status-highlight-na {
    background-color: #74a58d;
}
.sorting_disabled {
    background-color: transparent;
}

/* Syles for the Comlaude table and child table */
.child-div {
  border-top   : 1px solid #89c441;
  border-bottom: 2px solid #2fa045;
  margin       : 0px 50px 10px 50px;
  padding-top  : 10px; 
}
.child-div table, .child-div table tbody tr td{
    border: none !important;
}
.details-control-element {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
    width:20px;
    height:20px;
    display:block;
    overflow: hidden;
    /* hide text, but is needed for search */
    text-indent:-9999px;
    /* hide for ie 6-7 */
    font-size:0;
    display:block;
    line-height:0
}
tr.shown .details-control-element {
    background: url('../resources/details_close.png') no-repeat center center;
}

.toggle-selected {
    color: #2fa045 !important;
}
.toggle-unselected {
    color: #C1272C !important;
}
.toggle-selected:hover, .toggle-unselected:hover{
    cursor: pointer;
    color: #c95f0a !important;
}
.FixedHeader_Header {
    background-color: #FFF;
    z-index: 1 !important;
}

.dataTables_filter {
    float:right;
    text-align: right;
    display: inline-block;
    margin-top:0px !important;
}
 .dataTables_length {

    display: inline-block;
}
/* A hack for the mobile*/
@media screen and (max-width: 700px){
   .dataTable{
    font-size: 8px; 
    }
    table.dataTable tbody td, table.dataTable thead th{
        padding:2px;
    }
    .status-highlight {
        padding: 2px;
    }
}

/* need to make this smaller otherwise overlaps a fixedheader and search and page filtering does not work, works on life only... */
body.context-new-gtld-calendar #page #section-header #zone-branding-wrapper.fixed{
    min-height: 100px;
}