citywebshop_cms/static/css/SQLTable.css

.SQLTable {
    width: 100%;
    height: auto;
    padding: 5px;
    border: none;
    text-align: left;
}

.SQLTable tbody tr:nth-child(even) {
    background-color: rgb(250,250,250);
}

.SQLTable tbody tr:nth-child(odd) {
    background-color: rgb(255,255,255);
}

.SQLTable thead {
    background-color: #00c0ef;
}

.SQLTable thead tr {
    background-color: rgb(235,235,235);
}

.SQLTable thead tr th {
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.SQLTable tbody tr td {
    padding: 5px;
    text-align: center;
    border-collapse: collapse;
    border: solid 1px #eee;
}

.SQLTable tfoot tr td {
    text-align: left;
    padding: 5px;
}

.SQLTable .input-group-addon {
    cursor: pointer;
}

.SQLTable tbody tr.hovered {
    background-color: initial;
    cursor: pointer;
}

.SQLTable tbody tr.hovered:hover {
    background-color: rgba(250,250,250,1) !important;
}

/*Superfilter classes*/
.superfilter strong {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.superfield {
    font-size: 11px !important;
}

.supercheck {
    display: none;
    float: left;
    width: 0px;
    margin-top: 10px !important;
    margin-right: 10px !important;
}

.supermini {
    width: 90% !important;
    float: left;
    font-size: 11px !important;
}

.superothers {
    display: inline-block !important;
    margin: 0px;
    padding: 0px;
    list-style: none !important;
    width: 100%;
    height: 290px;
    overflow-y: scroll;
}

.superothers li {
    list-style: none !important;
    width: 100% !important;
}

li.collapse-separator {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    margin-top: 10px;
    color: black;
    text-transform: uppercase;
    padding: 5px;
    padding-top: 10px;
    display: block;
    cursor: pointer;
}

li.colsep-active {
    color: red;
}

li.collapse-hide {
    display: none;
}

.superbanner {
    float: left;
    height: 34px !important;
}

.sql-paginator {
    padding-left: 10px;
    color: #666;
    font-weight: lighter;
    float: right;
}

.search-wrap {
    width: 250px !important;
    margin-bottom: 10px;
}

.pagination-wrap {
    float: right;
    text-align: right;
}

.over-limited {
    max-height: 200px !important;
    overflow-y: auto;
}