.EU_TableScroll {
    max-height: 300px;
    overflow: auto;
    border: 0px solid #287db4;
    margin: 2px;
}

.EU_DataTable {
    border-collapse: collapse;
    width: 100%;
}

    .EU_DataTable tr th {
        background-color: #929393 !important;
        color: #020202;
        padding: 3px 5px 3px 5px;
        border: 1px solid #b2b0b0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold ;
        text-transform: capitalize;
        text-align: center;
    }

    .EU_DataTable tr:nth-child(2n+2) {
        background-color: #e0e3e3;
    }

    .EU_DataTable tr:nth-child(2n+1) td {
        background-color: #FFF;
        color: #454545;
    }

    .EU_DataTable tr td {
        padding: 3px 10px 3px 10px;
        color: #454545;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }

        .EU_DataTable tr td:first-child {
            text-align: left;
        }

.pagination span {
    background-color: red;
    color: #FFF;
    font-size: 20px;
}

.pagination td {
    padding-left: 5px;
    padding-right: 5px;
}

.form-group {
    margin-bottom: 3px !important;
}

.ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all {
    z-index: 502 !important;
}

.accordion {
    width: 100%;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #020202;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #929393;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #FFF;
    border: 0px dashed #2F4F4F;
    border-top: none;
    padding: 2px;
    padding-top: 10px;
}