﻿.data-table tr
{
    cursor: pointer;
}

.list-manager-button
{
    font-size: 10pt;
    margin-top: 5px;
    width:40px;
}

.list-manager-column-button
{
    font-size: 8pt;
    margin-top: 5px;
}

table.dataTable thead th
{
    position: relative;
    background-image: none !important;
}

    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: FontAwesome;
    }

    table.dataTable thead th.sorting:after
    {
        content: "\f0dc";
        font-size: 0.8em;
        padding-top: 0.12em;
    }

    table.dataTable thead th.sorting_asc:after
    {
        content: "\f0de";
    }

    table.dataTable thead th.sorting_desc:after
    {
        content: "\f0dd";
    }

    table.dataTable tr
    {
        background-color: #f9f9f9;
    }

.button-divs
{
    float:left;
}

.ls-table table
{
    /*border-collapse: collapse;*/
    border: 1px solid black;
}

.ls-table th, .ls-table td
{
    border-collapse: collapse;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding: 10px;
    font-size: 10pt;
    color:#555;
}

.ls-table th
{
    border-top: 1px solid lightgray;
    background-color:#333;
    color:#ddd;
}

input[type="search"]
{
    outline-offset:0px;
    -webkit-appearance:searchfield;
    margin: 5px 5px 0px 0px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
{
    color: #ddd !important;
    background-color: #555 !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected, table.dataTable tbody > tr.selected td
{
    background-color: #7e7e7e !important;
    color: white;
}

.ls-bold-column
{
    font-weight:bold;
}
.download-spreadsheet
{
    font-size:10px;
}
.view-dialog-error-messages
{
    background-color:red;
    color:white;
    display:none;
    vertical-align:top;
}
.view-dialog-error-messages-text
{
    padding: 5px;
    float: left
}
.view-dialog-error-messages-close
{
    padding: 5px;
    float: right;
    cursor:pointer;
}
#progress-wrp
{
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

    #progress-wrp .progress-bar
    {
        height: 100%;
        border-radius: 3px;
        background-color: #f39ac7;
        width: 0;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    }

    #progress-wrp .status
    {
        top: 3px;
        left: 50%;
        position: absolute;
        display: inline-block;
        color: #000000;
    }

.column-select-list
{
    height:300px;
    width:300px;
}
.column-select-button
{
    width:140px;
}
.column-select-title
{
    font-size:12pt;
    font-weight:bold;
    width:300px;
    text-align:center;
    height:30px;
}
.column-select-button-vertical-top, .column-select-button-vertical-bottom
{
    height: 148px;
}
.column-select-button-vertical-top
{
    margin-top: 34px;
}
.view-container
{
    margin:10px;
}
.view-list
{
    width: 100%;
}
.view-save-as-container
{
    width: 100%;
    height:75px;
    border: 1px solid #555;
    margin-top:30px;
}
.view-save-as-title
{
    width: 100%;
    margin: 5px;
    font-weight:bold;
}
.view-save-as-textbox
{
    width: 400px;
    margin: 5px;
    float: left;
}
.view-save-as-button
{
    float: right;
    margin-right:5px;
}
.view-buttons
{
    height:40px;
    margin-top:5px;
}
.view-list-footnote
{
    font-size:10pt;
    color:#666;
}
.help-top
{
    background-color: #999;
    cursor: pointer;
    color: #666;
    width: 100%;
    padding: 5px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.help-bottom
{
    background-color: #999;
    cursor: pointer;
    height: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.help-container
{
    border: 1px solid #666;
    padding: 5px;
    /*    display:none;*/
}