.footable {
        border-collapse: collapse;
    }
.footable td,th{
        border:  1px solid #E4E0EE;
        padding: 10px;
    }
.footable th{
    background: #4E2A84;
    color: #fff;
    }
.footable tr:nth-child(odd){
    background: #fcfafc;
    }
.footable tr:nth-child(even){
    background: #f1eff6;
    }
.footable-last-column a {
    position: relative;
}

.footable-detail-row {
    display: table-row;
}

.footable-row-detail-row {
    padding: 0.5rem;
}

.footable-row-detail-row:nth-child(odd) {
    background: #dadada;
}

.footable-detail-show {
    border: 1px solid black;
    border-bottom: none;
}

tr.footable-detail-show + .footable-row-detail {
    border: 1px solid black;
    border-top: none;
}

.footable-row-detail-inner {
    width: 100%;
}

.footable-row-detail-name {
    width: 100px;
}

.footable-first-column {
    width: 85px;
}

.footable-visible:nth-child(2) {
    min-width: 200px;
}

.footable-visible:nth-child(3) {
    width: 120px;
}
.footable-visible:nth-child(4) {
	width: 120px;
}
.footable-visible:nth-child(5) {
	width: 120px;
}
th.c-title.footable-visible {
    max-width: 250px;
}
th.footable-visible {
        text-align: left;
    }

#filter {
    width: 100%;
    width: calc(100% - 200px);
    height: 2.2rem;
    vertical-align: top;
    padding-left: 0.75rem;
    padding-top: 0.25rem;
    border: #aaa solid 2px;
    margin-right: 1rem;
    background: #ece9f3 none repeat scroll 0 0;
}

#filter::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

#filter::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

#filter::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}