/* Data list */
/* Use when you have a table or list that has associated toolbar actions and/or filters. */

/* Layout */
table{
  width: 100%;
}
.data-list {
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
}

.data-list-sidebar-wrap {
    width: 20%;
    float: left;
    padding-bottom: 30px;
}

.data-list-sidebar-left .data-list-content-wrap {
    width: 80%;
    float: left;
}

/* Typography */

.data-list-head {
    color: #9a9a9a;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 20px;
}

/*
 * Module
 */

/* Toolbar */

.data-list-toolbar {
    padding: 10px;
    border-bottom: 1px solid #dadada;
}

.data-list-toolbar.outside {
    padding: 10px 0;
    border: none;
    margin-bottom: 7px;
}

.data-list-sidebar + .data-list-sidebar {
    border-radius: 0 0 0 0 !important;
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 15px;
}

.data-list-sidebar-left .data-list-sidebar {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.data-list-sidebar-right .data-list-sidebar {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.data-list-content {
    /*min-height: 385px;*/
    background: #fff;
    position: relative;
    /*padding-bottom: 20px;*/
    border-radius: 4px;
}

.data-list-sidebar-left .data-list-content {
    border-left: 1px solid #d7d7d7;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}

.data-list-sidebar-left .data-list-content-wrap .data-list-toolbar {
    background: #f2f2f2;
    border-top-right-radius: 4px;
    border-left: 1px solid #d7d7d7;
}

.data-list-sidebar-right .data-list-content {
    border-right: 1px solid #d7d7d7;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.data-list-no-sidebar .data-list-content {
    width: 100%;
    float: none;
}

.data-list-sidebar-heading {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px;
    color: #333;
    line-height: 14px;
    border-bottom: 1px solid #f2f2f2
}

/* Sidebar Elements */

.data-list-nav {
    padding: 0;
    margin: 0;
}

.data-list-nav-link {
    position: relative;
    display: block;
    padding: 7px 10px;
    font-size: 12px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.data-list-filter-count {
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
    color: #999;
}

.data-list-nav-link-active .data-list-filter-count {
    color: #fff;
}

/* Table styles */

.data-list-table {
    width: 100%;
    border-collapse: separate;
    border-radius: 4px;
}
.data-list-table table{
table-layout:fixed;
}
.data-list-table table td{
overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;
}
.data-list-sidebar-left .data-list-table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}
.data-list-sidebar-right .data-list-table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.data-list-table th,
.data-list-table td {
    padding: 8px 10px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 14px;
    vertical-align: top;
}

.word-break {
    word-break: break-all;
}

.data-list-table th {
    background: #f6f6f6;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #ddd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 );
}

.data-list-table th:first-child {
    border-top-left-radius: 4px;
}

.data-list-table th:last-child {
    border-top-right-radius: 4px;
}

.data-list-sidebar-left .data-list-table th:first-child {
    border-top-left-radius: 0;
}

.data-list-sidebar-left .data-list-table th:last-child {
    border-top-right-radius: 0;
}

.data-list-table td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid transparent;
}

.data-list-table td.success {
    border-bottom-color: #dbe6bd !important;
}

.data-list-table td.warning {
    border-bottom-color: #eff1d8 !important;
}

.data-list-table td.error {
    border-bottom-color: #f9d9d9 !important;
}

.data-list-table th:last-child,
.data-list-table td:last-child {
    border-right: none;
}

.data-list-table tfoot td {
    border-top: 1px solid #eee;
    border-bottom: none;
}

.data-list-row-expander td {
    background: #f9f9f9;
}

.data-list-table tbody:last-child .data-list-row-expander td {
    border-top: 1px solid #eee;
}

/*
 * Context Bar
 */

.data-list-context-bar-table td {
    padding: 0;
}

.data-list-context-bar {
    background: #f9f9f9;
    line-height: 16px;
    padding: 22px 0;
    text-align: center;
    position: relative;
}

.data-list-context-bar h3 {
    font-weight: bold;
    color: #333;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
    margin-bottom: 0;
}

/* Result set pager */

.data-list-pager-footer td {
    padding: 0;
    text-align: center;
}

.data-list-pager-footer a {
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e1e1e1;
    margin-top: 20px;
    width: 50%;
    border-radius: 3px;
}

.data-list-sidebar-left .data-list-pager-footer a {
    border-bottom-right-radius: 4px;
}

/*
 * Alpha Pager
 */

.data-list-pager-alpha {
    margin: 4px 0 0;
}

.data-list-pager-alpha li {
    float: left;
}

.data-list-pager-nav-link {
    padding: 4px;
    margin: 0;
    border-radius: 2px;
    border: 1px solid #f2f2f2;
    line-height: 1em;
}

/*
 * States
 */

/* Empty content */

.data-list-empty-msg {
    margin: 0 auto;
    padding: 90px 0;
}

.data-list-empty-msg.data-list-content {
    border-radius: 0 4px 4px 0;
}

.data-list-loading .data-list-empty-msg {
    visibility: hidden;
}

.data-list-empty-img {
    position: absolute;
    top: 2.2em;
    left: 50%;
    margin-left: -24px;
}

.data-list-empty-binary {
    color: #dadada;
    font-family: "Courier New", serif;
    font-size: 18px;
    line-height: 1;
    width: 5em;
    word-wrap: break-word;
    margin: 0 auto;
    position: relative;
}

.data-list-empty-head {
    text-align: center;
    margin-top: 10px;
}

.data-list-empty-subhead {
    font-weight: normal;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

/* Loading msg */

.data-list-load-wrap,
.data-list-load-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    min-height: 385px;
}

.data-list-load-mask {
    background: #fff;
    opacity: 0.9;
}

.data-list-sidebar-left .data-list-load-mask {
    border-bottom-right-radius: 4px;
}

.data-list-load-wrap .data-list-head {
    position: absolute;
    top: 194px;
    left: 50%;
    margin-left: -2.4em;
    z-index: 3;
    display: none; /* May take this out */
}

.data-list-spinner {
    left: 50% !important;
    margin-left: -5px !important;
    position: absolute !important;
    top: 180px !important;
}

/* Retry spinner */

.data-list-retry-spinner {
    position: absolute;
    z-index: 10000;
    padding: 40px;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(160, 160, 160, 0.4);
    height: 92px;
    width: 180px;
    padding: 20px 40px;
    left: 50% !important;
    margin-left: -131px;
    text-align: center;
}

.data-list-retry-spinner .spinner {
    height: 46px;
    width: 46px;
    margin: 10px auto 0;
}

.data-list-retry-spinner .spinner > .spinner {
    left: 0 !important;
}

/* Nav links */

.data-list-nav-link:hover {
    background: #e2e2e2;
    border-color: #e2e2e2;
    text-decoration: none;
}

.data-list-nav-link-active,
.data-list-nav-link-active:hover {
    color: #fff !important;
    margin: 0 -1px;
    border-style: solid;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #2f68ad inset;
    border-color: #2f68ad #2f68ad #154e93;
    background: #097ebc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #0e86c5 0%, #0376b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e86c5), color-stop(100%,#0376b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0e86c5 0%,#0376b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0e86c5 0%,#0376b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0e86c5 0%,#0376b3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0e86c5 0%,#0376b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e86c5', endColorstr='#0376b3',GradientType=0 ); /* IE6-8 */
}

.data-list-pager-nav-link.data-list-nav-link-active,
.data-list-pager-nav-link.data-list-nav-link-active:hover {
    padding: 4px;
    margin: 0;
}

/* Tables */

.data-list-table tr:hover td {
    background: #f9f9f9;
    border-bottom-color: #eaeaea;
}

.data-list-table tr:hover td.success {
    background: #e3eecd !important;
    border-bottom-color: #d2ddb4 !important;
}

.data-list-table tr:hover td.warning {
    background: #fbf8e2 !important;
    border-bottom-color: #edead7 !important;
}

.data-list-table tr:hover td.error {
    border-bottom-color: #f9d9d9 !important;
    background: #f7e5e5 !important;
}

.data-list-table tbody:last-child tr:hover td:last-child,
.data-list-table tfoot:last-child tr:hover td:last-child{
    border-bottom-right-radius: 4px;
}

.data-list-pager-footer tr:hover td {
    background: transparent;
}

.data-list-pager-footer a:hover {
    text-decoration: none;
    background: #f9f9f9;
    border: 1px solid #d1d1d1;
    color: #333;
}

.data-list-no-pager .data-list-table tr:last-child td {
    border-bottom: none;
}

.data-list-no-pager .data-list-table tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.data-list-no-pager .data-list-table tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.data-list-context-bar-error,
.data-list-context-bar-error td,
.data-list-context-bar-error:hover td,
.data-list-context-bar-error tr:hover td {
    background-color: #fff2f2 !important;
}

.data-list-context-bar-error td {
    border-bottom-color: #fedada !important
}

.data-list-context-bar-error a {
    color: #cf3232;
}

.data-list-context-bar-highlight,
.data-list-context-bar-highlight td,
.data-list-context-bar-highlight:hover td,
.data-list-context-bar-highlight tr:hover td{
    background-color: #ffffe8 !important;
}

.data-list-context-bar-highlight td {
    border-bottom-color: #e5e5ce !important;
}

.data-list-table th.check-all,
.data-list-table td.checkbox {
    width: 16px;
    vertical-align: middle;
}

.data-list-table th.check-all input[type="checkbox"],
.data-list-table td.checkbox input[type="checkbox"]{
    margin: 0 1px;
}

.data-list-table td.checkbox {
    background-color: #f8f8f8;
    border-right: 1px solid #eaeaea;
}


/* Expandable row details */

.data-list-row-expander-wrap {
    position: relative;
}

.data-list-row-details {
    margin: 0;
}

.data-list-row-details dt,
.data-list-row-details dd {
    line-height: 16px;
    margin: 0 0 10px 0;
    float: left;
}

.data-list-row-details dt {
    font-weight: bold;
    width: 18%; /* override based on max label length for specific UI */
    clear: left;
}

.data-list-row-details dd {
    color: #777;
}

.data-list-row-arrow-up {
    display: block;
    height: 9px;
    width: 17px;
    position: absolute;
    top: -15px;  /* override based on parent's padding */
    right: 10px; /* override based on parent's padding and desired location */
    z-index: 2;
    background: url("/img/ui/indicators/data-list-row-arrow-up.png") no-repeat 0 0 transparent;
}

/* Stand-alone table */

.data-list-table-only .data-list-table {
    box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
    border-collapse: separate;
    table-layout: fixed;
}

.data-list-table-only th,
.data-list-table-only td {
    color: #777777;
    text-align: center;
}

.data-list-table-only .data-list-table th,
.data-list-table-only .data-list-table td {
    border-right: none;
    padding: 10px;
}

.data-list-table-only thead tr:first-child th:first-child {
    border-top-left-radius: 4px;
}

.data-list-table-only thead tr:first-child th:last-child {
    border-top-right-radius: 4px;
}

.data-list-table-only tbody:last-child th {
    border-bottom-left-radius: 4px;
}

.data-list-table-only tbody:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.data-list-table-only td:last-child {
    border-right: 1px solid #dddddd;
}

.data-list-table-only tbody:last-child td,
.data-list-table-only tbody:last-child th {
    border-bottom: 1px solid #dddddd;
}

.data-list-primary-header th {
    background: #444444;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #222222;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    position: relative;
}

.data-list-primary-header th:first-child {
    border-left: 1px solid #222222;
}

.data-list-primary-header th:last-child {
    border-right: 1px solid #222222;
}

.data-list-secondary-header .data-list-vertical-header {
    color: #333333;
    font-weight: bold;
    border-left: 1px solid #dddddd !important;
    position: relative;
}

.data-list-table-only .data-list-secondary-header th:first-child,
.data-list-table-only .data-list-numbers th:first-child{
    border-radius: 0;
}

.data-list-table-only tbody:last-child .data-list-numbers th:first-child {
    border-bottom-left-radius: 4px;
}

.data-list-table-only .data-list-secondary-header .data-list-called-out-header {
    color: #333333;
    font-weight: bold;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #c4cddc;
    position: relative;
    background: #cce2f7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNzdiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTZlYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d4e7fa 0%, #c4ddf4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e7fa), color-stop(100%,#c4ddf4));
    background: -webkit-linear-gradient(top,  #d4e7fa 0%,#c4ddf4 100%);
    background: -o-linear-gradient(top,  #d4e7fa 0%,#c4ddf4 100%);
    background: -ms-linear-gradient(top,  #d4e7fa 0%,#c4ddf4 100%);
    background: linear-gradient(to bottom,  #d4e7fa 0%,#c4ddf4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e7fa', endColorstr='#c4ddf4',GradientType=0 );
}

.data-list-table-only .data-list-secondary-header th:last-child {
    border-radius: 0;
}

.data-list-table-only .data-list-secondary-header .data-list-called-out-header + th {
    border-left: 1px solid transparent;
}

.data-list-table-only .data-list-secondary-header th {
    border-left: 1px solid #ddd;
}

.data-list-table-only .data-list-numbers th {
    color: #333333;
    font-weight: bold;
    background: #fafafa;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    position: relative;
}

.data-list-table-only .data-list-numbers th + td {
    border-left: 1px solid #e9e9e9;
}

.data-list-numbers .data-list-called-out-number {
    color: #333333;
    font-weight: bold;
    background: #eef7ff;
    border-bottom: 1px solid #e6e8ec;
}

/* Data list form that displays in content */

.data-list-inline-form {
    padding: 30px 30px 20px;
    border-left: 1px solid #d7d7d7;
    background: #fbfbfb;
}

.data-list-sidebar-left .data-list-inline-form-wrap .data-list-toolbar {
    border-left: none;
    border-radius: 0;
    padding: 0 30px 30px;
    background: #fff;
}

.data-list-inline-form + .data-list-toolbar {
    border-top: 1px solid #ddd;
}

.data-list-nav-link-arrow {
    display: none;
    height: 19px;
    width: 10px;
    position: absolute;
    top: 6px;
    right: -2px;
    z-index: 2;
    background: url("/img/ui/indicators/data-list-nav-link-arrow-01.png") no-repeat 0 0 transparent;
}

.data-list-inline-form-active .data-list-nav-link-active .data-list-nav-link-arrow {
    display: block;
}