.serenity-grid ::placeholder
{
    color: #ccc;
}

.serenity-grid .grid-filter {
    border-radius: 8px 0 0 8px;
    border: #e0694b 1px solid;
    outline: none;
    width: calc(100% - 40px);
    max-width: calc(50% - 40px);
    padding: 8px 12px;
    margin-top: 10px;
    float: left;
    font-size: 13px;
}

.serenity-grid .button_search {
    float: left;
    width: 37px;
    height: 37px;
    border-radius: 0 8px 8px 0;
    border: #e0694b 1px solid;
    background-image: url('../images/icon_magnifying-glass.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 22px;
    background-color: #e0694b;
    margin-top: 10px;
    outline: none;
}

.serenity-grid table.grid {
    width: 100%;
    margin-top: 20px;
}

.serenity-grid table.grid thead tr th
{
    color: #e0694b;
    font-weight: 900;
    border-bottom: 2px #e1e1e2 solid;
    vertical-align: bottom;
}

.serenity-grid table.grid tbody.grid-entry {
   background-color: #e8e8e8;
}

.serenity-grid table.grid tbody.grid-entry.altRow {
    background-color: #f3f3f3;
}


.serenity-grid table.grid tbody.grid-entry tr.grid-entry-header td {
    padding: 25px 8px;
    cursor: pointer;
}

.serenity-grid table.grid thead tr th:first-child,
.serenity-grid table.grid tbody.grid-entry tr.grid-entry-header td:first-child,
.serenity-grid table.grid tbody.grid-entry tr.grid-entry-body td:first-child
{
    padding-left: 20px;
}

.serenity-grid table.grid tbody.grid-entry tr.grid-entry-body {
    display: none;
}

.serenity-grid table.grid tbody.grid-entry.expanded tr.grid-entry-body {
    display: table-row;
}

.serenity-grid table.grid tbody.grid-entry tr.grid-entry-body td {
    padding: 25px 8px;
}