/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px;*/
}

a {
    color:#7562A9!important;    
}
    a hover {
        color: #7562A9 !important;
    }

.form-control {
    color: #000000!important;
    border: 1px solid #7562a9 !important;
}
.btn-primary {
    background-color: #7562A9 !important;
    border-color: #7562A9 !important;
    color: #fff;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */
table.dataTable thead th {
    position: relative;
    background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 12px;
        right: 8px;
        display: block;
        font-family: "Font Awesome\ 5 Free";
    }

    table.dataTable thead th.sorting:after {
        font-weight: 900; /* regular style/weight */
        content: "\f0dc";
        color: #a295c3 !important;
        font-size: 0.8em;
        padding-top: 0.12em;
    }

    table.dataTable thead th.sorting_asc:after {
        font-weight: 900; /* regular style/weight */
        content: "\f0de";
        color: #7562A9 !important;
    }

    table.dataTable thead th.sorting_desc:after {
        font-weight: 900; /* regular style/weight */
        content: "\f0dd";
        color: #7562A9 !important;
    }

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
    content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
    top: 8px;
}


/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
    position: relative;
    padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
    position: relative;
    padding-right: 24px;
}

div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    font-family: "Font Awesome\ 5 Free";
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    font-family: "Font Awesome\ 5 Free";
}

div.dataTables_paginate a.first:before {
    font-weight: 900;
    content: "\f100";
}

div.dataTables_paginate a.previous:before {
    font-weight: 900;
    content: "\f104";
}

div.dataTables_paginate a.next:after {
    font-weight: 900;
    content: "\f105";
}

div.dataTables_paginate a.last:after {
    font-weight: 900;
    content: "\f101";
}


/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
    position: relative;
    padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
    position: relative;
    padding-right: 24px;
}

div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
    position: absolute;
    top: 6px;
    left: 10px;
    display: block;
    font-family: "Font Awesome\ 5 Free";
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
    position: absolute;
    top: 6px;
    right: 10px;
    display: block;
    font-family: "Font Awesome\ 5 Free";
}

div.dataTables_paginate li.first a:before {
    font-weight: 900; /* regular style/weight */
    content: "\f100";
}

div.dataTables_paginate li.previous a:before {
    font-weight: 900; /* regular style/weight */
    content: "\f104";
}

div.dataTables_paginate li.next a:after {
    font-weight: 900; /* regular style/weight */
    content: "\f105";
}

div.dataTables_paginate li.last a:after {
    font-weight: 900; /* regular style/weight */
    content: "\f101";
}

/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
    top: 0;
}

.dataTables_filter, .dataTables_info {
    display: none;
}
.dataTables_wrapper .fg-toolbar {
    display: none;
}
#example > tfoot {
    display: none;
}
#example_wrapper {
    width:100%;
}
.aspNetDisabled {
    background-color: #e9ecef;
    opacity: 1;
    color: #000000 !important;
    border: 1px solid #7562a9 !important;
    transition: none;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: .25rem;
}