@charset 'UTF-8';
.footable
{
    width: 100%;
    /** SORTING **/
    /** FILTERING **/
    /** EDITING BODY**/
    /** EDITING FOOT**/
    /** PAGINATION **/
}
.footable span.fooicon
{
    font-family: 'Web Icons';
}
.footable.breakpoint > tbody > tr > td
{
    border-bottom: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before
{
    content: '';
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail)
{
    cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail
{
    border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle
{
    font-family: 'Web Icons';
    font-size: 14px; 
    font-weight: normal;
    font-style: normal;
    font-variant: normal;

    display: inline-block;

    padding-right: 5px;

    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before
{
    content: '';
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.fooicon-minus:before
{
    content: '';
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.fooicon-minus:before:hover
{
    background-color: #f3f7f9;
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.fooicon-plus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.fooicon-minus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.fooicon-minus:before:hover
{
    background-color: #f3f7f9;
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.fooicon-plus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.fooicon-minus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.fooicon-minus:before:hover
{
    background-color: #f3f7f9;
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.fooicon-plus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.fooicon-minus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.fooicon-minus:before:hover
{
    background-color: #f3f7f9;
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.fooicon-plus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.fooicon-minus:before
{
    content: '';
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.fooicon-minus:before:hover
{
    background-color: #f3f7f9;
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.fooicon-plus:before
{
    content: '';
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle
{
    font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle
{
    font-size: 24px;
}
.footable > thead > tr > th
{
    -webkit-user-select:      none;
       -moz-user-select: -moz-none;
        -ms-user-select:      none;
            user-select:      none; 

    -webkit-touch-callout: none;
     -khtml-user-select:      none;
}
.footable > thead > tr > th.footable-sortable:hover
{
    cursor: pointer;
}
.footable > thead > tr > th.footable-asc > span.fooicon-sort-asc:before
{
    content: '';

    opacity: .5;
}
.footable > thead > tr > th.footable-desc > span.fooicon-sort-desc:before
{
    content: '';

    opacity: .5;
}
.footable > thead > tr > th > span.fooicon-sort
{
    font-family: 'Web Icons';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;

    display: inline-block;

    padding-left: 5px; 

    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
}
.footable > thead > tr > th > span.fooicon-sort:before
{
    content: '';

    opacity: .2;
}
.footable > thead > tr.footable-filtering > th .form-inline .form-group
{
    display: block;
}
@media (min-width: 768px)
{
    .footable > thead > tr.footable-filtering > th .form-inline .form-group
    {
        display: inline-block;
    }
}
.footable > thead > tr.footable-filtering > th .form-inline .form-control
{
    display: block;

    width: 100%;
}
@media (min-width: 768px)
{
    .footable > thead > tr.footable-filtering > th .form-inline .form-control
    {
        display: inline-block;

        width: auto;
    }
}
.footable > thead > tr.footable-filtering > th > .form-inline
{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.footable > thead > tr.footable-filtering > th .input-group-btn
{
    width: 1%;
}
@media (min-width: 768px)
{
    .footable > thead > tr.footable-filtering > th .input-group-btn
    {
        width: auto;
    }
}
.footable > thead > tr.footable-filtering > th .input-group-btn:not(:first-child) > .btn:hover
{
    z-index: 2;
}
.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a
{
    padding: 3px 20px;
}
.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type='checkbox']
{
    margin-top: 4px;
}
.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a:hover
{
    background-color: #f3f7f9;
}
.footable > thead > tr.footable-filtering > th span.fooicon-search:before
{
    content: '';
}
.footable > thead > tr.footable-filtering > th span.fooicon-remove:before
{
    content: '';
}
.footable > tbody > tr > td span.fooicon-pencil:before
{
    content: '';
}
.footable > tbody > tr > td span.fooicon-trash:before
{
    content: '';
}
.footable > tfoot > tr > td span.fooicon-pencil:before
{
    content: '';
}
.footable > tfoot .pagination
{
    margin: 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.footable > tfoot .pagination > li
{
    display: inline;
}
.footable > tfoot .pagination > li.footable-page
{
    display: none;
}
.footable > tfoot .pagination > li.footable-page.visible
{
    display: inline;
}
.footable > tfoot .pagination > li:first-child > a
{
    margin-left: 0;

    border-top-left-radius: .215rem;
    border-bottom-left-radius: .215rem;
}
.footable > tfoot .pagination > li:last-child > a
{
    border-top-right-radius: .215rem;
    border-bottom-right-radius: .215rem;
}
.footable > tfoot .pagination > li.active > a,
.footable > tfoot .pagination > li.active > a:focus,
.footable > tfoot .pagination > li.active > a:hover
{
    z-index: 2;

    cursor: default;

    color: #fff;
    border-color: #62a8ea; 
    background-color: #62a8ea;
}
.footable > tfoot .pagination > li.disabled > a,
.footable > tfoot .pagination > li.disabled > a:focus,
.footable > tfoot .pagination > li.disabled > a:hover
{
    cursor: not-allowed;

    color: #ccd5db;
    border-color: #e4eaec; 
    background-color: transparent;
}
.footable > tfoot .pagination a
{
    line-height: 1.571429;

    position: relative;

    float: left;

    margin-left: -1px;
    padding: .643rem 1.072rem;

    text-decoration: none;

    color: #76838f;
    border: 1px solid #e4eaec; 
    background-color: transparent;
}
.footable > tfoot .pagination a:focus,
.footable > tfoot .pagination a:hover
{
    color: #89bceb;
    border-color: #e4eaec; 
    background-color: #f3f7f9;
}
.footable.no-paging .hide-if-no-paging
{
    display: none;
}

.footable-row-detail-inner
{
    display: table;
}

.footable-row-detail-row
{
    line-height: 1.5em; 

    display: table-row;
}

.footable-row-detail-group
{
    font-size: 1.2em;
    font-weight: 500; 
    line-height: 2em;

    display: block;
}

.footable-row-detail-name
{
    font-weight: 500;

    display: table-cell;

    padding-right: .5em;
}

.footable-row-detail-value
{
    display: table-cell;
}

.footable-odd
{
    background-color: rgba(243, 247, 249, .3);
}

/** fix table-hover **/
.table-hover.footable tbody tr.footable-detail-row:hover
{
    background-color: transparent;
}

/** fix table-bordered/hover/striped style in Footable **/
.table-bordered.footable tbody tr.footable-detail-row > td,
.table-hover.footable tbody tr.footable-detail-row > td,
.table-striped.footable tbody tr.footable-detail-row > td
{
    padding: 0;
}
