#chart,
#chart svg {
    width: 100%;
    height: 100%;
}
.axis {
    font: 10px sans-serif;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.brush .extent {
    stroke: #fff;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}
.bar, .overview-bar {
    fill: lightsteelblue;
}
.bar.selected,
.area.selected {
    fill: steelblue;
}
.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}
.tick line {
    opacity: 0.2;
}
.area {
    fill: lightsteelblue;
}

div.chart-tooltip {
    position: absolute;
    pointer-events: none;
    padding: 10px;
    font-size: 0.8em;
    border-radius: 2px;
    background: #FFFFFF;
    color: #333333;
    border: solid 1px #2F7ED8;
    font: 12px sans-serif;
    fill: #2F7ED8;
    min-width: 150px;
    max-width: 260px;
    min-height: 60px;
    fill-opacity: 0.85;
    stroke: rgb(47, 126, 216);
    stroke-width: 1;
}

div.chart-tooltip .title {
    text-transform: uppercase;
}

div.chart-tooltip .rule {
    padding-top: 5px;
    padding-bottom: 10px;
}

div.chart-tooltip .ttLabel {
    color: #0000AA;
    font-weight:bold;
}

.blue-bs-gradient {
    border-color: #2F7ED8 !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 126, 216, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(47, 126, 216, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(47, 126, 216, 0.75);
}

.grey-bs-gradient {
    border-color: #AAAAAA !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(170, 170, 170, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(170, 170, 170, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(170, 170, 170, 0.75);
}

.selection-label {
    font-weight: bold;
}

/*************************/
.note {
    font-weight:bold;
    font-style:italic;
    color:#b81111;
}

.form-inline {
    color: #444444;
    font-family: Verdana, Arial,Helvetica,sans-serif;
}
.form-inline .pfMessages {
    margin-right:30px;
}
.form-inline .control-label {
    display: inline;
    font-weight: bold;
    font-size: .95em;
    margin-top: 3px;
    color: #333333;
}
.form-inline .form-control {
    color: #444444;
    line-height: 20px;
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid rgb(169, 169, 169);
    padding: 3px 2px;
}

.elem-section-content {
    overflow-y:auto;
}

.elem-description,
.elem-notes {
    max-height: 125px;
}

.elem-value-range {
    max-height:55px;
}

.filter-messages{
    margin-right: 35px;
}
.elm-filter-control {
    width:100px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.ui-dialog-footer {
    padding-top:10px;
    padding-bottom:10px;
}

.ui-datatable.filter-value-tbl {
    max-width:500px;
}

.filter-value-tbl .action-column {
    width: 55px !important;
}

.chart-help-btn-wrapper {
    right: 10px;
    top: 3px;
}

.reposition-add-range-btn {
    margin-top : 10px;
    margin-left: 175px;
}

.add-range-btn.ui-button-text-icon-left .ui-icon.fa {
    margin-top: -5px;
}

.null-count-msg {
    margin-left: 40px;
    visibility: hidden;
}

.delete-img-icon{
    border-radius: 20px;
}

.remove-filter-val-dlg .ui-dialog-content {
    padding-top: 15px;
    padding-bottom:15px;
}

.alert-container {
    display: inline-block;
    height: 50px;
    width: 30px;
    float: left;
}

.dialog-message {
    display: inline;
    float: left;
    width: calc(100% - 30px);
}

.ui-picklist .ui-picklist-list {
    width: fit-content;
    min-width: 200px;
    max-width: 300px;
}

div.ui-picklist-list-wrapper > div.ui-corner-tl,  div.ui-picklist-list-wrapper > div.ui-corner-tr {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

div.ui-picklist-list-wrapper > div.ui-widget-header, th.filter-value-column, th.action-column {
    background: none !important;

    font-variant: small-caps;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.7 !important;
    color: #3d4447 !important;
}

div.ui-picklist-filter-container {
    margin-bottom: 0.6em !important;
}

th.filter-value-column {
    text-align: left !important;
}
.ui-widget-content.ui-datatable-empty-message > td {
    color: grey !important;
    font-weight: 300 !important;
    text-align: left !important;
    font-style: normal !important;
}

td.filter-value-column {
    font-size: 0.8em !important;
}

.ui-picklist .ui-picklist-item {
    border-bottom: dotted thin lightblue;
}

li.ui-picklist-item, li.ui-corner-all {
    border-radius: 0 !important;
}

.medium-icon {
    padding: .45em;
    cursor: pointer;
    font-size: 1.2em;
}

text.title {
    fill: steelblue;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: underline;
    font-variant: all-small-caps;
}

.request-distribution {
    font-size: 0.8em;
    margin-top: 0.5em !important;
    padding-top: 0 !important;
    text-align: left !important;
}

.no-distribution {
    font-weight: 600;
    margin-top: 0 !important;
    padding-top: 0 !important;
    text-align: left !important;
}