body
{

}

main.container
{
    margin-top : 30px;
}

.navbar-brand
{
    padding-top    : 0;
    padding-bottom : 0;
}

footer
{
    margin-top : 50px;
}

.clearfix
{
    clear : both;
}

.filter_main
{
    background : #bac2db;
    padding    : 4px;
    color      : #333;
}

.logoschriftzug
{
    position    : absolute;
    top         : 22px;
    right       : 35px;
    font-size   : 30px;
    text-shadow : 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}

.logoschriftzug2
{
    position    : relative;
    font-size   : 18px;
    text-shadow : 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}

.filter_right
{
    float   : right;
    padding : 2px 0;
}

.filter_left
{
    float : left;
}

#myCarousel
{
    border-top    : 1px solid #00659f;
    border-bottom : 1px solid #00659f;
}

.maincontent
{
    margin-top : 2rem;
}

.kreis
{
    width         : 10px;
    height        : 10px;
    border        : 1px solid black;
    border-radius : 10px;
    display       : inline-block;
}

.viereck
{
    width   : 15px;
    height  : 15px;
    border  : 1px solid black;
    display : inline-block;
}

.bg_1red
{
    background-color : #ff0000;
}

.bg_3green
{
    background-color : #008000;
}

.bg_2yellow
{
    background-color : #ffff00;
}

.bg_4orange
{
    background-color : #ff7b00;
}

.table
{
    font-size : 13px;
}

.hide
{
    visibility : hidden;
    display    : none;
}

.aligne_left
{
    float : left;
}

.con
{
    margin : 0 10px;
}

.cmd_head
{
    width    : 100%;
    height   : 36px;
    overflow : hidden;
    border   : 1px solid black;
    cursor   : pointer;
}

.cmd_head div
{
    float  : left;
    margin : 5px 0;
}

.cmd_head .viereck
{
    margin : 2px 5px 8px 9px;
    width  : 20px;
    height : 20px;
}

.cmd_content
{
    clear   : both;
    display : none;
    width   : 100%;
    border  : 1px solid black;
}

.cmd_value
{
    width      : 100%;
    clear      : both;
    border     : 1px dotted grey;
    min-height : 25px;
}

.cmd_key
{
    width   : 19%;
    float   : left;
    padding : 6px 0;
    margin  : 0 -1px;
}

.cmd_val
{
    width       : 79%;
    float       : left;
    border-left : 1px solid grey;
    min-height  : 14px;
    padding     : 6px 6px;
    text-align  : left;
}

.cmd_return
{
    border     : 1px solid grey;
    min-height : 25px;
    padding    : 6px;
}

.cmd_legende
{
    margin     : 10px 0;
    padding    : 5px 0;
    border     : 1px solid black;
    text-align : left;
}

.cmd_legende .cmd_options
{
    margin : 0 5px;
}

.cj_button
{
    max-height : 22px;
    padding    : 2px;
    margin     : 2px 0;
}

.cl_hash
{
    width   : 98%;
    height  : 20px;
    margin  : 0 0 0 -2px;
    padding : 2px 5px;
}

.cl_note
{
    width      : 98%;
    min-height : 50px;
    font-size  : 13px;
    padding    : 2px 5px;
}

.cl_button
{

}

.filter_amt_btn
{
    color      : #222;
    width      : 20px;
    height     : 20px;
    display    : block;
    padding    : 2px 2px 2px 3px;
    font-size  : 18px;
    background : #ebebeb;
    box-shadow : 1px 1px 0 #999999;
}

.filter_amt_btn:hover
{
    background      : #bdbdbd;
    text-decoration : none;
}

.icon-size
{
    font-size : 20px;
    margin    : 4px 12px 8px 12px;
}

select.dropdownohnepfeil
{
    -webkit-appearance : none;
    -moz-appearance    : none;
    text-indent        : 0.01px;
    width              : 100%;
    padding            : 2px;
    border             : none;
}

select.dropdownohnepfeil option
{
    background-color : #ffffff;
}

.text-center
{
    text-align : center;
}

.text-left
{
    text-align : left;
}

.text-right
{
    text-align : right;
}

td.text-left
{
    padding-left : 10px;
}

.filter_btn
{
    -webkit-box-shadow : 2px 2px 0 #999999;
    -moz-box-shadow    : 2px 2px 0 #999999;
    box-shadow         : 1px 1px 0 #999999;
    color              : #000000;
    font-size          : 12px;
    background         : #ebebeb;
    padding            : 2px 5px 2px 5px;
    text-decoration    : none;
    margin             : 0 5px;
}

.filter_btn:hover
{
    background      : #bdbdbd;
    text-decoration : none;
}

select.grptrans
{
    width         : 90%;
    padding       : 2px 5px 2px 10px;
    margin-bottom : 3px;
    margin-top    : 3px;
}

select.grpdel
{
    width   : 184px;
    padding : 2px 5px 2px 10px;
}

.comdec
{
    width : 100px;
}

.comtext
{
    width : 440px;
}

input.comtext
{
    width   : 415px;
    padding : 2px 5px 2px 5px;
}

.ingrp
{
    width   : 170px;
    padding : 2px 5px 2px 5px;
}

.grpbtn
{
    margin  : 3px 3px;
    padding : 2px 5px 2px 5px;
}

.col2
{
    width : 49%;
    float : left;
}

.ml2
{
    margin-left : 2%;
}

table.twin
{
    border : 1px solid #eee;
}

table.w500
{
    width : 460px;
}

table.w600, div.w600
{
    width : 563px;
}

table.w800
{
    width : 763px;
}

table.twin thead tr th
{
    background-color : #7373a9;
    color            : #eee;
    border-bottom    : 1px solid white;
}

table.twin thead tr th.bgsuc
{
    background-color : #005621;
}

table.twin thead tr th.bgerr
{
    background-color : #9A1B1B;
}

table.twin thead tr th.bgnote
{
    background-color : #d5e000;
    color            : black;
}

.bg1
{
    background-color : #dee5f9;
}

.bg2
{
    background-color : #eff3fd;
}

table.twin tbody.hov tr:hover
{
    background-color : #d1daf5;
}

table.twin tbody tr td
{
    vertical-align : middle;
    padding        : 5px 5px 5px 5px;
}

/* stylelint-disable selector-list-comma-newline-after */

.blog-header
{
    line-height   : 1;
    border-bottom : 1px solid #e5e5e5;
}

.blog-header-logo
{
    font-family : "Playfair Display", Georgia, "Times New Roman", serif;
    font-size   : 2.25rem;
}

.blog-header-logo:hover
{
    text-decoration : none;
}

.display-4
{
    font-size : 2.5rem;
}

@media (min-width : 768px)
{
    .display-4
    {
        font-size : 3rem;
    }
}

.nav-scroller
{
    position   : relative;
    z-index    : 2;
    height     : 2.75rem;
    overflow-y : hidden;
}

.nav-scroller .nav
{
    display                    : -ms-flexbox;
    display                    : flex;
    -ms-flex-wrap              : nowrap;
    flex-wrap                  : nowrap;
    padding-bottom             : 1rem;
    margin-top                 : -1px;
    overflow-x                 : auto;
    text-align                 : center;
    white-space                : nowrap;
    -webkit-overflow-scrolling : touch;
}

.nav-scroller .nav-link
{
    padding-top    : .75rem;
    padding-bottom : .75rem;
    font-size      : .875rem;
}

.card-img-right
{
    height        : 100%;
    border-radius : 0 3px 3px 0;
}

.flex-auto
{
    -ms-flex : 0 0 auto;
    flex     : 0 0 auto;
}

.h-250
{
    height : 250px;
}

@media (min-width : 768px)
{
    .h-md-250
    {
        height : 250px;
    }
}

/*
 * Blog name and description
 */
.blog-title
{
    margin-bottom : 0;
    font-size     : 2rem;
    font-weight   : 400;
}

.blog-description
{
    font-size : 1.1rem;
    color     : #999;
}

@media (min-width : 40em)
{
    .blog-title
    {
        font-size : 3.5rem;
    }
}

/* Pagination */
.blog-pagination
{
    margin-bottom : 4rem;
}

.blog-pagination > .btn
{
    border-radius : 2rem;
}

/*
 * Blog posts
 */
.blog-post
{
    margin-bottom : 4rem;
}

.blog-post-title
{
    margin-bottom : .25rem;
    font-size     : 2.5rem;
}

.blog-post-meta
{
    margin-bottom : 1.25rem;
    color         : #999;
}

/*
 * Footer
 */
.blog-footer
{
    padding          : 2.5rem 0;
    color            : #999;
    text-align       : center;
    background-color : #f9f9f9;
    border-top       : .05rem solid #e5e5e5;
}

.blog-footer p:last-child
{
    margin-bottom : 0;
}

/*
 * Custom translucent site header
 */

.site-header
{
    background-color        : rgba(0, 0, 0, .85);
    -webkit-backdrop-filter : saturate(180%) blur(20px);
    backdrop-filter         : saturate(180%) blur(20px);
}

.site-header a
{
    color      : #999;
    transition : ease-in-out color .15s;
}

.site-header a:hover
{
    color           : #fff;
    text-decoration : none;
}

/*
 * Table styles
 *************************************************************************************************************
 */

table.dataTable
{
    width           : 100%;
    margin          : 0 auto;
    clear           : both;
    border-collapse : separate;
    border-spacing  : 0;
}

/*
 * Header and footer styles
 *
 * Body styles
 */
table.dataTable thead th,
table.dataTable tfoot th
{
    font-weight : bold;
}

table.dataTable thead th,
table.dataTable thead td
{
    padding       : 10px 18px;
    border-bottom : 1px solid #111111;
}

table.dataTable thead th:active,
table.dataTable thead td:active
{
    outline : none;
}

table.dataTable tfoot th,
table.dataTable tfoot td
{
    padding    : 10px 18px 6px 18px;
    border-top : 1px solid #111111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc
{
    cursor  : pointer;
    *cursor : hand;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled
{
    background-repeat   : no-repeat;
    background-position : center right;
}

table.dataTable thead .sorting
{
    background-image : url("/assets/images/sort_both.png");
}

table.dataTable thead .sorting_asc
{
    background-image : url("/assets/images/sort_asc.png");
}

table.dataTable thead .sorting_desc
{
    background-image : url("/assets/images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled
{
    background-image : url("/assets/images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled
{
    background-image : url("/assets/images/sort_desc_disabled.png");
}

table.dataTable tbody tr
{
    background-color : white;
}

table.dataTable tbody tr.selected
{
    background-color : #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td
{
    font-size : 12px;
    padding   : 3px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td
{
    border-top : 1px solid #dddddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td
{
    border-top : none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td
{
    border-top   : 1px solid #dddddd;
    border-right : 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child
{
    border-left : 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td
{
    border-top : none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd
{
    background-color : #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected
{
    background-color : #abb9d3;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover
{
    background-color : whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected
{
    background-color : #a9b7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3
{
    background-color : #f9f9f9;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3
{
    background-color : #acbad4;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1
{
    background-color : #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2
{
    background-color : #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3
{
    background-color : whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1
{
    background-color : #a6b3cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2
{
    background-color : #a7b5ce;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3
{
    background-color : #a9b6d0;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1
{
    background-color : #f9f9f9;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2
{
    background-color : #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3
{
    background-color : #fdfdfd;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1
{
    background-color : #acbad4;
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2
{
    background-color : #adbbd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3
{
    background-color : #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1
{
    background-color : #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2
{
    background-color : #ebebeb;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3
{
    background-color : #eeeeee;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1
{
    background-color : #a1aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2
{
    background-color : #a2afc8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3
{
    background-color : #a4b2cb;
}

table.dataTable.no-footer
{
    border-bottom : 1px solid #111111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td
{
    white-space : nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td
{
    padding : 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td
{
    padding : 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td
{
    padding : 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left
{
    text-align : left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty
{
    text-align : center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right
{
    text-align : right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify
{
    text-align : justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap
{
    white-space : nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left
{
    text-align : left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center
{
    text-align : center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right
{
    text-align : right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify
{
    text-align : justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap
{
    white-space : nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left
{
    text-align : left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center
{
    text-align : center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right
{
    text-align : right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify
{
    text-align : justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap
{
    white-space : nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td
{
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper
{
    position   : relative;
    clear      : both;
    *zoom      : 1;
    zoom       : 1;
    margin-top : 20px;
}

.dataTables_wrapper .dataTables_length
{
    float : left;
}

.dataTables_wrapper .dataTables_filter
{
    float      : right;
    text-align : right;
}

.dataTables_wrapper .dataTables_filter input
{
    margin-left : 0.5em;
}

.dataTables_wrapper .dataTables_info
{
    clear       : both;
    float       : left;
    padding-top : 0.755em;
}

.dataTables_wrapper .dataTables_paginate
{
    float       : right;
    text-align  : right;
    padding-top : 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    box-sizing      : border-box;
    display         : inline-block;
    min-width       : 1.5em;
    padding         : 0.5em 1em;
    margin-left     : 2px;
    text-align      : center;
    text-decoration : none !important;
    cursor          : pointer;
    *cursor         : hand;
    color           : #333333 !important;
    border          : 1px solid transparent;
    border-radius   : 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    color            : #333333 !important;
    border           : 1px solid #979797;
    background-color : white;
    background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
    /* Chrome,Safari4+ */
    background       : -webkit-linear-gradient(top, white 0%, gainsboro 100%);
    /* Chrome10+,Safari5.1+ */
    background       : -moz-linear-gradient(top, white 0%, gainsboro 100%);
    /* FF3.6+ */
    background       : -ms-linear-gradient(top, white 0%, gainsboro 100%);
    /* IE10+ */
    background       : -o-linear-gradient(top, white 0%, gainsboro 100%);
    /* Opera 11.10+ */
    background       : linear-gradient(to bottom, white 0%, gainsboro 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
{
    cursor     : default;
    color      : #666 !important;
    border     : 1px solid transparent;
    background : transparent;
    box-shadow : none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    color            : white !important;
    border           : 1px solid #111111;
    background-color : #585858;
    background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
    /* Chrome,Safari4+ */
    background       : -webkit-linear-gradient(top, #585858 0%, #111111 100%);
    /* Chrome10+,Safari5.1+ */
    background       : -moz-linear-gradient(top, #585858 0%, #111111 100%);
    /* FF3.6+ */
    background       : -ms-linear-gradient(top, #585858 0%, #111111 100%);
    /* IE10+ */
    background       : -o-linear-gradient(top, #585858 0%, #111111 100%);
    /* Opera 11.10+ */
    background       : linear-gradient(to bottom, #585858 0%, #111111 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active
{
    outline          : none;
    background-color : #2b2b2b;
    background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background       : -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background       : -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    background       : -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    background       : -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    background       : linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow       : inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis
{
    padding : 0 1em;
}

.dataTables_wrapper .dataTables_processing
{
    position         : absolute;
    top              : 50%;
    left             : 50%;
    width            : 100%;
    height           : 40px;
    margin-left      : -50%;
    margin-top       : -25px;
    padding-top      : 20px;
    text-align       : center;
    font-size        : 12px;
    background-color : white;
    background       : -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background       : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background       : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background       : -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background       : -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background       : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate
{
    color : #333333;
}

.dataTables_wrapper .dataTables_scroll
{
    clear : both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody
{
    *margin-top                : -1px;
    -webkit-overflow-scrolling : touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td
{
    vertical-align : middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing
{
    height   : 0;
    overflow : hidden;
    margin   : 0 !important;
    padding  : 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody
{
    border-bottom : 1px solid #111111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table
{
    border-bottom : none;
}

.dataTables_wrapper:after
{
    visibility : hidden;
    display    : block;
    content    : "";
    clear      : both;
    height     : 0;
}

table.myTable td
{
    overflow : hidden;
}

/*
 *************************************************************************************************************
 * Table styles END
 */

small
{
    font-size : 8px;
}

.blur
{
    -webkit-filter : blur(1px);
    filter         : blur(1px);
}

.cm_column_wrapper:after
{
    clear : both
}

.cm_column
{
    float : left;
}

.headerbox
{
    padding : 2rem;
}

.headerbox p
{
    margin-bottom : 0.8rem;
}

.toast
{
    max-width : 500px;
}

.toast-body
{
    font-size   : 18px;
    font-weight : bold;
}

.form-group label
{
    font-weight : bold;
}

.clear
{
    clear : both;
}

.navbar
{
    padding-top    : 20px;
    padding-bottom : 20px;
}

.toast-container
{
    position : absolute;
    top      : 90px;
    right    : 20px;
    z-index  : 100000000;
}

@media screen and (max-width : 987px)
{
    .navbar-brand
    {
        display : none;
    }
}

@media screen and (max-width : 767px)
{
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate
    {
        float      : none;
        text-align : center;
    }

    .dataTables_wrapper .dataTables_paginate
    {
        margin-top : 0.5em;
    }
}

@media screen and (max-width : 640px)
{
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter
    {
        float      : none;
        text-align : center;
    }

    .dataTables_wrapper .dataTables_filter
    {
        margin-top : 0.5em;
    }
}