#consumersGrid.ui-widget {
    height: 300px !important;
    margin-bottom: 0;
}

.slick-viewport {
    overflow-x: hidden !important;
    overflow-y: scroll;
}

.slick-cell.disabled,.slick-cell.disabled:hover  {
    background: #eee;
    color: #333;
}

.checkbox {
    margin-top: 5px;
}

.slick-cell .checkbox {
    margin-left: 45%;
}

.ui-state-default {
    height: 40px !important;
    vertical-align: middle;
    line-height: 35px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.dataTables_processing, .slick-cell.editable.invalid .input-group-addon {
    display: none;
}

.slick-row .slick-cell.selected, table.dataTable tbody tr.selected {
    background: #f7f7d8;
}

.Paddingbottom {
    margin-bottom: 20px;
}

.actionCell {
    overflow: visible !important;
}

/*validation styles*/
.slick-cell.invalid {
    border: solid 1px #A90329;
    border-bottom: solid 1px #A90329;
}

.slick-cell.editable.invalid > .input{
    width: 100%;
}

.slick-cell.editable.invalid .editor-text {
    width: 80%;
    height: 23px;
    border: none;
    padding: 5px 20px 5px 2px !important;
}

.slick-cell.editable.invalid > .input i, .slick-cell.active.invalid.editable .input i {
    color: #A90329 !important;
    margin-right: 5px;
}

.smart-form.active.editable.invalid .icon-append {
    border-left-color: rgb(189, 189, 189);
    border-left-style: solid;
    border-left-width: 1px;
}

.slick-cell.invalid .tooltip-right {
    margin-left: 7px;
    left: 100%;
    opacity: 1;
    z-index: 1030;
}

.slick-cell.invalid, .slick-cell.editable.invalid .editor-text {
    background: #fff0f0;
}

.slick-cell:not(.invalid) .state-error i.fa-info-circle, .slick-cell:not(.invalid) .state-error b i.fa-warning {
    display: none;
}

.smart-form.active.editable {
    padding: 0px;
}

.input-group-addon {
    padding: 6px 15px;
}

.slick-cell .input-group-addon {
    display: none;
}

.slick-cell.editable .input-group-addon {
    display: table-cell;
}

.smart-form.active.editable .icon-append {
    border-left-style: none;
}

.slick-cell.editable .input-group .editor-text {
    width: 100%;
    height: 100%;
    padding: 0px;
    border: 0;
    background: transparent;
}

.slick-cell.invalid .icon-append {
    display: block;
    z-index: 10;
}

.slick-cell.invalid:not(.active) {
    z-index: auto;
}

div.dt-toolbar-footer {
    border-top: 1px solid #ddd !important;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.ui-slider-range {
    background: #8c8c8f !important;
}

#ConsumerSlider {
    background: #cccccc !important;
    margin-top: 8px;
    margin-bottom: 15px;
    width: 100%;
}

.modal-body .alert {
    display: none;
}

.slick-row.highlightRow {
    background-color: #f7f7d8;
}

.tooltip .tooltip-inner {
    max-width: 150px !important;
}

#userBatchForm .label {
    padding: 0;
}

.unlimitedIcon {
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
    margin-bottom: -8px;
}

.action {
    justify-content: flex-end;
    flex-flow: row;
    display: flex;
}

#consumerCounts {
    margin-top: 5px;
}

    #consumerCounts.exceeded {
        color: #FF5052;
    }

.migrateSubId {
    color: #999 ;
}

.slick-cell { line-height: 33px !important; }

.dataTables_wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.dataTables_wrapper .dataTable {
    flex-grow: 1;
}