.list-control-container {
    border: 1px solid #ddd;
    padding: 5px 15px 5px 15px;   
    border-radius: 4px; 
    margin-bottom: 10px;
    opacity: 0;                
    position: relative;
}

.list-control-container.stand-alone {
    border: none;
        margin: 0;
        padding: 0;
}

.list-data-table {    
    margin-bottom: 0px;    
}

.hidden {
    display: none;
}
.list-control-container .list-wrapper {
    margin-bottom: 10px;        
    overflow: hidden;
}
.list-control-container.stand-alone .list-wrapper {
    overflow: visible;
    float: left;
}
.list-control-container.stand-alone .outer-top-stripe,
.list-control-container.stand-alone .outer-left-stripe,
.list-control-container.stand-alone .outer-right-stripe {
    display: none;
    width: 0;
    height: 0;
    z-index: 200;
}
.list-column-vertical-scrollbar .top-right-corner {
    background-color: #dfdfdf;
    border-top-right-radius: 6px;
    border-bottom: solid 1px white;
    border-left: 1px solid white;
}

.list-column-vertical-scrollbar .bottom-right-corner {
    background-color: #dfdfdf;
    border-bottom: solid 1px white;
    border-left: 1px solid white;
}
    .list-column-vertical-scrollbar .bottom-right-corner.bottom-cap {
        border-left: none;
        border-bottom: solid 5px #dfdfdf;
    }
.list-column-horzontal-scrollbar {
    float: left;
    position: relative;
    /*transition: all ease 0.5s;*/
    background-color: #DFDFDF;
}
    .list-column-horzontal-scrollbar .scrollbar-content-wrapper {
        float: left;
        /*transition: all ease 0.5s;*/
        overflow-x: scroll;
        overflow-y: hidden;
    }
.list-column-vertical-scrollbar {
    float: right;
    position: relative;
}
    .list-column-vertical-scrollbar .scrollbar-content-wrapper {
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #dfdfdf;
    }
        .list-column-vertical-scrollbar .scrollbar-content-wrapper .scrollbar-content {
            /*transition: all ease 0.5s;*/
        }
.scrollbars-bottom-right-corner {
    float: right;
    background-color: #dfdfdf;
}
.list-column-header-container {
    float: left;
    overflow: hidden;
    z-index: 10;
    /*transition: all ease 0.5s;*/
}
.list-control-container .list-data-opacity-container {
    opacity: 0;
    float: left;
}
.list-control-container .list-data-container {
    float: left;
    max-height: 445px;
    overflow: hidden;
	position: relative;
}
.list-control-container.stand-alone .list-data-container {
    max-height: none;
    min-height: 40px;
    /*transition: all ease 0.5s;*/
}
.list-control-container:not(.stand-alone) .row-num-border {
    display: none;
}
.list-control-container.stand-alone .row-num-border {
    background-color: #DFDFDF;
}
.list-control-container.stand-alone .list-data-container .row-num-border {
    width: 45px;
    border-top: 1px solid #fff;
}
.list-control-container.stand-alone .row-num-border {
    width: auto;
}
.list-column-header-container .list-column-header-wrapper,
.list-data-container .list-data-wrapper {
    width: 9999px;
    overflow: visible;
}
.list-data-container * {
    transition: all ease 0.1s !important; /* This is to avoid data cell movement on column resize */
}
.list-row-numbers-container .list-row-numbers-wrapper {
    overflow: visible;
}

.list-data-wrapper {
    background-color: white;
    overflow-y: auto;  
    /*opacity: 0;*/ 
}

.list-header tr {
    /*border-bottom: 1px solid #ddd;*/
    height: 40px;
}

.list-footer tr {
    border-top: 1px solid #ddd;
}

.list-column-header .column-title {
    height: 40px;
    text-align: center;
    position: relative; 
    /*transition: all ease 0.5s;*/
}

    .list-column-header .column-title:not(:last-child):not(:first-child) {
    border-left: 1px solid white; /*rgb(163, 163, 163);*/

        border-right: 1px solid white; /*rgb(163, 163, 163);*/
    }

.list-control-container.stand-alone .list-header-container {
    z-index: 200;
}

.list-header,
.list-footer,
.list-data-table {
    width: 100%;
}

.list-data-row {
    height: 20px;    
}

.list-data-row {
     height: 40px;
     cursor: pointer;
}

.list-data-row/*:not(:last-child)*/ {   
    border-bottom: 1px solid #ddd;
}

.list-data-row > td {
    transition: all ease 0.25s;
	vertical-align: middle !important;
}

.list-data-cell {
    padding: 10px;
}

    .list-data-cell .text-compact {
        display: block; /* Fallback for non-webkit */
        display: -webkit-box;
        /*max-height: 50px;*/ /* Fallback for non-webkit */
		height: 20px;
        margin: 0 auto;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.header-left,
.pager-left {
    display: inline-block;
    float:left;
}

.list-wrapper.list-fixed-page-size .pager-left {
    position: relative;
    top: 3px;
}

.list-wrapper .pager-left {
    position: relative;
    bottom: 1px;
}

.header-right,
.pager-right {
    display: inline-block;
    float:right;
}

.header-toolbar-container.mobile {
    display: none;
}
.header-toolbar-container.mobile .header-right {
    float: left;
    clear: left;
}
.header-right .btn-group button, .header-right .btn-group select {
    height: 30px;
}
.select-page-size,
.pager-input-container,
.pager-input-container-mobile,
.rows-per-page-area,
.data-info {
    display: inline-block;
}

.pager-container .data-info,
.pager-container .select-page-size,
.pager-container .pager-input-container,
.pager-container .rows-per-page-area,
.pager-container .btn-list-refresh {
    margin: 3px;
}
.pager-container .total-records-mobile {
    margin-top: 9px;
}

.header-right .global-search-button{
    margin: 3px 3px 3px 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.header-right .global-search-button:hover{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.column-quick-filter > .quick-filter-wrapper > .default-input:focus,
.header-left .global-search-container  > .global-search-area > .global-search-input:focus {    
    background-color: #FCF8E3 !important;    
}

.column-quick-filter > .quick-filter-wrapper.has-custom-drop-down > [data-type='DropDown'] input {
    height: 25px;
    position: relative;
    padding-left: 20px;
}

.column-quick-filter > .quick-filter-wrapper.has-custom-drop-down > [data-type='DropDown'] .ui-button {    
    position: relative;
    bottom: 2px !important;
}

.list-pager {
   margin: 3px 0px 3px 0px; 
}

.select-page-size,
.list-current-page {
    height:30px;
    color: #333;
    background-color: #fff;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;    
}

.select-page-size {
    height: 28px;
    position: relative;
    top: 1px;
}

.list-current-page {
    text-align: center;
    padding: initial;
    width: 40px;
    position: relative;
    bottom: 1px;
    height: 28px;
    margin-left: 5px;
    margin-right: 5px;
}

table tr.selected-row.active td.list-data-cell:not(.row-number),
table tr.selected-row.group-row:hover td.list-data-cell,
table tr.selected-row:not(.group-row) td.list-data-cell:not(.row-number),
table tr.selected-row.group-row td.list-data-cell {
    background-color:#D9EDF7 /*!important*/;
}

table tr:not(.group-row) td.list-data-cell.row-number .num-row-checked {
    display: none;
}

table tr.selected-row:not(.group-row) td.list-data-cell.row-number .num-row-checked {
    display: block;
}

tr:hover td.list-data-cell:not(.row-number) {
    background-color: #f5f5f5 !important;
}

tr.group-row:hover td.list-data-cell:not(.row-number) {
    background-color: rgba(217, 237, 247, 0.4)!important;
}

.pager-input-container .btn{
    height: 28px;
    margin: -1px 5px 0px -38px;
    padding: 12px;
    border-radius:0px;
}

.pager-input-container {
    margin-right: 15px !important;
}

.global-search-container {
    display: inline-block;
    position: relative;
}

.global-search-area .global-search-clear {
    position: absolute;
    font-size: 18px;
    z-index: 1;
    top: 7px;
    right: 39px;
    opacity: 0.7;
    display: none;
    cursor: pointer;
}

.global-search-area .global-search-clear:hover {    
    opacity: 1;
}

.global-search-area .global-search-input {    
    padding-right: 20px;
    outline: none;
}

.global-search-area .global-search-btn {        
    outline: none;
}

.list-control-container.list-no-row-action-buttons .list-action-buttons-container button {
    position: relative;
    /*min-width: 20%;*/
}

.list-control-container.list-no-row-action-buttons .list-action-buttons-container {
    white-space: nowrap;
}

.list-control-container.list-no-row-action-buttons .list-header {    
    margin-top: 10px;
}

.list-control-container .common-actions-dropdown {
    display: none;    
    margin-left: 5px;
    position: relative;
}

.header-toolbar-container:not(.mobile) .clear-all-filters,
.header-toolbar-container:not(.mobile) .toggle-quick-filters {
    position: relative;
    margin-left: 5px;
    text-align: left;
}

.header-toolbar-container.mobile .mobile-menu-container {
    float: right;
}
.header-toolbar-container.mobile .clear-all-filters,
.header-toolbar-container.mobile .toggle-quick-filters,
.header-toolbar-container.mobile .mobile-menu {
    position: relative;
    margin-left: 5px;
}
.header-toolbar-container.mobile .mobile-dropdown-menu {
    right: 0;
    left: auto;
    overflow: hidden;
}

.header-toolbar-container.mobile .mobile-dropdown-menu li {
    float: left;
    clear: left;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.header-toolbar-container.mobile .mobile-dropdown-menu li span {
    position: absolute;
    top: 6px;
    left: 6px;
}

.header-toolbar-container.mobile .mobile-dropdown-menu.small a {
    white-space: initial;
}

.header-toolbar-container.mobile .mobile-dropdown-menu a {
    padding: 3px 20px 3px 25px!important;
}

.header-toolbar-container {
   border-bottom: rgb(243, 243, 243);
}
    
.header-toolbar-container .btn-group {
   vertical-align: top;
}

.quick-filters-container {
    display: none;    
    background-color: rgb(199, 199, 199);
    /*transition: all ease 0.5s;*/
}

.filters-fieldset {
    opacity: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

.quick-filters-container .column-quick-filter {
    text-align: center;
}

.list-column-header.with-row-numbering .column-quick-filter:nth-child(2),
.quick-filters-container .column-quick-filter:not(:first-child) {
    border-left: 1px solid white; /*rgb(163, 163, 163);*/
    border-top: 1px solid white;
}

.quick-filters-container .quick-filter-wrapper {
    overflow: hidden;
    white-space: nowrap;
    max-height: 33px;
    padding: 5px;
        position: relative;
}

.quick-filters-container .quick-filter-wrapper.bool-quick-filter-container select {
    height: 25px;
    padding: 3px 3px 3px 15px;
}
    
.quick-filters-container .default-input {
    min-width: 65px;
    height: 25px;
    padding: 6px 20px;
}

.quick-filters-container .remove-quick-filter {
        position: absolute;
        top: 12px;
    opacity: 0.7;
        left: 10px;
    cursor: pointer;    
}

.quick-filters-container .quick-filter-wrapper:not(.has-custom-drop-down) .remove-quick-filter.hidden {    
    opacity: 0 !important;    
    display: inline-block !important;
}

.quick-filters-container .quick-filter-wrapper.has-custom-drop-down .remove-quick-filter.hidden {        
    display: inline-block !important;
    opacity: 0;
}

.quick-filters-container .remove-quick-filter.alone {    
    left: -20px;
}

.quick-filters-container .remove-quick-filter:hover {
    opacity: 1;   
}

.quick-filters-container .apply-quick-filter {
    position: relative;
    top: 2px;    
    cursor: pointer;
    opacity: 0.7;
        left: -17px;
    display: none;
}

.bool-quick-filter-container .apply-quick-filter {
    left: 5px;

    display: inline-block !important;
}

.quick-filters-container .apply-quick-filter:hover {
    opacity: 1;
}

.tool-buttons-container {
    position: relative;
}

.tool-buttons-container .available-views {
    width: 200px;
    height: 28px;
        font-size: 12px;
        padding: 7px;
}

.tool-buttons-container .available-views option.default {
    background-color: greenyellow;
}

.filter-row .remove-filter {
    position: relative;
    right: 4px;
    top: 9px;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.7;
}

.filter-row td .form-control {
    height: 30px;
}

.filter-row .remove-filter:hover {
    opacity: 1;
}

.clms-pop-up-contents .list-groups-container,
.clms-pop-up-contents .preferences-container,
.clms-pop-up-contents .list-filters-container {
    padding: 5px;
    min-height: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    overflow-y: auto;
}

.clms-pop-up-contents .preferences-container {
    height: 400px;
}

.export-pop-up select.form-control {
    padding-left: 2px;
}

.import-results-pop-up-footer,
.export-pop-up-footer,
.preferences-pop-up-footer,
.filters-pop-up-footer {
    padding: 5px;
    text-align: center;
}

.filters-pop-up .empty-filter-list {
    text-align: center;
    position: absolute;
    top: 50px;
    width: 100%;    
}

.header-toolbar-container .btn-group {
    vertical-align: top;
}
.header-toolbar-container .list-title {
    position: relative;
    font-size: 15px; 
    bottom: 6px;
    left: 5px;
    margin-right: 9px;
}

.list-footer-container {
    float: left;
    overflow: hidden;
    /*transition: all ease 0.5s;*/
}
    .list-footer-container.bottom-cap {
        border-bottom: solid 5px #dfdfdf;
    }
        .list-footer-container.bottom-cap > * {
            border: none !important;
        }
    .list-footer-container .list-footer-wrapper {
        border-top: solid 1px white;
    }
.list-footer {
    background-color: #FDFDFD;    
}

.pager-container > th {
    text-align: center;
}

.pager-top-container:not(.no-border) {
    border-top: 1px solid #ddd;
}

.column-titles-container {    
    background-color: #DFDFDF;
    color: black;
    border-top-left-radius: 6px;
}

.column-titles-container th .title {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    width: auto;
}

.column-titles-container th .title.not-sortable {
    cursor: default !important;   
}

.column-titles-container th .title:not(.not-sortable):hover {
    text-decoration: underline;
}

.preferences-table .column-is-visible {
    display: initial !important;
    position: relative;
    left: -7px;
}

.preferences-table .form-control {
    height: 20px;
    padding: 2px 3px;
}

.preferences-table td:first-child {
    padding-top: 14px;
}

.preferences-table-body td:nth-child(3) {
    vertical-align: middle !important;
    width: 160px;
}

.preferences-table-body td:nth-child(3) {
    vertical-align: middle !important;
    width: 160px;
}
.sorting-direction {
    width: auto !important;
    height: auto !important;
    margin: 0 5px;
}
.filters-table-body td:nth-child(2) {
    /*width: 50px;*/
}
.filters-table-body td .form-control {
    height: 22px;
    padding: 2px;
    font-size: 12px;
}
.filters-table-body td .remove-filter {
    font-size: 12px;
    top: 0;
    left: -10px;
}
.filters-table-body td:nth-child(1) .form-control {
    max-width: 150px;
    min-width: 150px;
    width: 150px;
}
.filters-table-body td:nth-child(2) .form-control {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
}
.filters-table-body td:nth-child(4) .form-control {
    max-width: 55px;
    min-width: 55px;
    width: 55px;
}
.collapsible-grid .table > tbody > tr > td {
    padding: 3px;
    vertical-align: middle;
}
.preferences-table .column-sort-order {
    width: 50px;
}

.preferences-table .move-row-up,
.preferences-table .move-row-down {
    margin-right: 10px;
    position: relative;
    top: 4px;
    cursor: pointer;
    opacity: 0.6;
}

.preferences-table .move-row-up:hover,
.preferences-table .move-row-down:hover {    
    opacity: 1;
}

.column-title .move-column-right {
    color: #428bca;
    position: absolute;
    top: 0px;    
    padding: 14px 5px;
    right: 0px;
    opacity: 0;
    cursor: pointer;    
    background-color: #D1D1D1;
    border-left: solid 1px white;  
}

.column-title .glyphicon-arrow-up,
.column-title .glyphicon-arrow-down {
    color: #428bca;
    top: -4px;
}
.column-title .move-column-left {
    color: #428bca;
    position: absolute;
    top: 0px; 
    left: 0px;   
    padding: 14px 5px;
    opacity: 0;
    cursor: pointer;    
    background-color: #D1D1D1;
    border-right: solid 1px white;  
}

.column-title:hover .move-column-right,
.column-title:hover .move-column-left {
    color: #357ebd;
    opacity: 0.9;
}

.no-opacity {
    opacity: 0 !important;
}

.list-column-header.with-row-numbering {
    position: relative;
    padding-left: 45px;
}
    .list-column-header-container.with-row-numbering .column-title:nth-child(2) .move-column-left,
.column-title:first-child .move-column-left,
.column-title:last-child .move-column-right {
    display: none;
}

.column-title .move-column-left:hover,
.column-title .move-column-right:hover {
    opacity: 1;
}

.list-column-header .row-number-header,
.list-data-row .row-number,
.list-aggregators-row .row-number,
.list-data-table .no-results-row .row-number {
    min-width: 45px;
    max-width: 45px;
    width: 45px;
    background-color: #DFDFDF;/*#428BCA !important;*/
    font-weight: bold;
    text-align: center;
    color:black;
    border-right: none; /*1px solid rgb(163, 163, 163);*/
    border-bottom: 1px solid white; /*rgb(163, 163, 163);*/
    /*transition: all ease 0.5s;*/
}

.list-column-header .row-number-header {
    border-top-left-radius: 6px;
}

.list-data-row.group-row .row-number {
    background-color: transparent;
    border-bottom: none;
}
.list-data-row:last-child .row-number {
    border-bottom: none;
}

/*.list-control-container .list-data-row.row-hover:not(.group-row) .row-number,*/
.list-control-container .list-data-row:hover:not(.group-row) .row-number,
.list-control-container .highlighted-cell {
    background-color: #cccccc !important; /*#84B9E7 !important;*/
}

.list-data-row.group-row .list-data-cell.row-number {
    background-color: #dfdfdf;
    border-bottom: solid 1px #ffffff;
}

.list-data-row.group-row .list-data-cell.row-number:not(:first-child) {
    border-top: solid 1px #ffffff;
}

.list-data-row.group-row:hover .row-number {
    /*background-color: rgba(217, 237, 247, 0.4)!important;*/
}

.list-control-container .list-data-row .row-hover .row-number {
    background-color: #f5f5f5 !important;
}

.list-control-container .loading-message-container {
    text-align: center;
    position: relative;
    top: 150px;
}

.row-resize-handler {
    position: absolute !important;
    width: 10px;    
    top: 0;
    right: -10px;    
    cursor: e-resize;
    opacity: 0;
    z-index: 1;
    border-left: 1px dashed #000;
}


.column-title:last-child .row-resize-handler {
    display: none;
}

.column-title .title.too-small {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px;
}

.column-title.too-small .sort-direction-icon {
    display: none;
}

.list-control-container .header-toolbar-container.mobile .list-action-buttons-container {
    display: none;
}
.list-control-container .header-toolbar-container .list-action-buttons-container .WebForms-Button-Container {
    vertical-align: top;
    padding: 0;
}
.list-control-container .list-action-buttons-container .WebForms-Button-Container .btn {
    margin: 0;
}
.list-control-container .list-action-buttons-container {
    height: 30px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px 5px;
}

.list-control-container .list-action-buttons-container.minimal {    
    border-bottom: 1px solid transparent;    
}

.list-control-container.stand-alone .list-action-buttons-container {
    z-index: 200;
    border-bottom: none;
    margin-bottom: 0;
    margin-left: 3px;
    float: left;
}
.list-control-container .list-action-buttons-container button[disabled] {
    opacity: 1 !important;
}

.btn-make-default-view.selected {
    color: green;
}

.delete-view-pop-up .delete-view-container,
.save-view-pop-up .save-view-container {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.delete-view-pop-up table td,
.delete-view-pop-up table th,
.save-view-pop-up table td,
.save-view-pop-up table th {
    text-align: center;
}

.delete-view-pop-up table .form-control,
.save-view-pop-up table .form-control {
    height: 30px;
}

.delete-view-pop-up input[type='checkbox'],
.save-view-pop-up input[type='checkbox'] {
    display: inline-block;
    margin-top: 10px;
}

.delete-view-pop-up .delete-view-pop-up-footer,
.save-view-pop-up .save-view-pop-up-footer {
    text-align: center;
}

.list-footer .list-aggregators-row {
    background-color: #DFDFDF; /*#428BCA;*/
    /*height: 30px;
    min-height: 30px;*/
}

.group-aggregators-row {
    border-top: 1px solid rgba(175, 175, 175, 0.2);
    display: none;
}

.group-aggregators-row td:not(:first-child) {
    /*border-left: 1px solid rgba(175, 175, 175, 0.2);*/
}

.list-aggregators-row td:not(:first-child) {
    border-left: 1px solid white;
}

.group-aggregators-row .aggregator-caption,
.list-aggregators-row .aggregator-caption {        
    line-height: 25px;
}

.list-control-container .aggregator-container {    
    float:right;
    clear: both;
    margin: 0 5px;
    padding: 5px 0;
    text-align: left;
    overflow: hidden;
}

.aggregator-container .aggregator-caption {    
    margin-bottom: 2px;
}

.aggregator-container .aggregator-value {    
    margin: 3px 0 5px 10px;
}

.loading-aggregators-row td {
    text-align: center;
    background-color: #DFDFDF; /*#428BCA;*/
    color: white;
    font-weight: bold;
    height: 30px;
}

.list-data-table .group-toggle {
    cursor: pointer;
    opacity: 0.85;
}

.list-data-table .group-toggle:hover {    
    opacity: 1;
}

.list-data-table .group-aggregators-row,
.list-data-table .group-header {
    cursor: pointer;
    position: relative;
}

.list-data-table .group-header.with-row-nums {
    background-color: #DFDFDF;
    position: relative;
}
.list-data-table .group-header.with-row-nums:hover td:first-child::before {
    content: '';
    width: 45px;
    height: 100%;
    background-color: #cccccc;
    position: absolute;
    top: 0;
    left: -45px;
}
.list-data-table .group-header.with-row-nums td:first-child::before,
.list-data-table .group-aggregators-row td.row-number:first-child::before
 {
  position: absolute;
  display: block;
  content: '';
  border-top: 1px solid #fff;
  width: 45px;
  height: 0;
  bottom: -1px;
}

.list-data-table .group-header.with-row-nums td:first-child::before {
  left: -45px;  
}
.list-data-table .group-aggregators-row td.row-number:first-child::before {
    left: 0;
}

.list-data-table .group-header.with-row-nums td {
    position: relative;
    left: 45px; /* Same with row num cell width */
}
.list-data-table .group-header:not([data-level='1']) td {
    padding-left: 120px;
}

.list-data-table .group-header[data-level='2'] td {
    padding-left: 30px;
}

.list-data-table .group-header[data-level='3'] td {
    padding-left: 60px;
}

.list-data-table .group-header[data-level='4'] td {
    padding-left: 90px;
}

.list-data-table .group-aggregators-row[data-level='1'] td {
    background-color: #F5F5F5;
}

.list-data-table .group-aggregators-row[data-level='2'] td,
.list-data-table .group-header[data-level='2'] td {
    background-color: #E7E6E6;
}

.list-data-table .group-aggregators-row[data-level='3'] td,
.list-data-table .group-header[data-level='3'] td {
    background-color: #D8D8D8;
}

.list-data-table .group-aggregators-row[data-level='4'] td,
.list-data-table .group-header[data-level='4'] td {
    background-color: #C8C8C8;
}

.list-data-table .group-aggregators-row[data-level='5'] td,
.list-data-table .group-header[data-level='5'] td {
    background-color: #B3B3B3;
}

.group-header .group-key {
    font-weight: bold;
    min-width: 50px;
    display: inline-block;
}

.group-header .group-caption {
    margin-left: 10px;
}

.group-header .group-details {    
    margin-left: 20px;
}

.group-header.hover > td,
.group-aggregators-row.hover > td:not(.row-number) {
    background-color: #cccccc !important;
}

.group-aggregators-row.hover {
    border-top: 1px solid white;
}

.group-aggregators-row td {
    border-top: none !important;
}

.group-header td {
    border-bottom: none !important;
}

.group-aggregators-row .group-aggregators-cell {
    padding: 5px;
    text-align: center;
}

.group-aggregators-row .row-number {
    width: 45px;
    background-color: #dfdfdf !important;
    position: relative;
}
.group-aggregators-row:hover .row-number {
    width: 45px;
    background-color: #cccccc !important;
    position: relative;
}
.group-aggregators-cell .badge {
    margin-left: 5px;
}

.list-groups-container .groups-table th,
.list-groups-container .groups-table td {
    text-align: center;
}

.list-groups-container .groups-table td:nth-child(4),
.list-groups-container .groups-table td:nth-child(2) {         
    vertical-align: middle;
    text-align: left;
}

.list-groups-container .groups-table select {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 200px;
    width: 150px;
    padding: 5px;
    word-wrap: break-word;
}

.list-groups-container button {
    width: 35px;
    padding: 3px;
    margin: 5px;
}

.list-control-container .no-results-row {
    text-align: center;
    font-size: 13px;    
    height: 40px;
}


.list-control-container .no-results-row .info-icon {
    font-size:20px;
    color: #428BCA;
}


.list-control-container .info-icon {
    margin-right: 10px;
}

.list-control-container .no-results-row .info-description {
    position: relative;
    bottom: 3px;    
}

.list-wrapper.list-not-paged .rows-per-page-area,
.list-wrapper.list-not-paged .list-pager,
.list-wrapper.list-not-exportable .btn-list-export,
.list-wrapper.list-not-importable .btn-list-import,
.list-wrapper.list-no-preferences .btn-list-preferences,
.list-wrapper.list-no-preferences .btn-make-default-view,
.list-wrapper.list-no-preferences .btn-save-view,
.list-wrapper.list-no-preferences .available-views,
.list-wrapper.list-no-preferences .btn-remove-view,
.list-wrapper.list-not-groupable .btn-list-groups,
.list-wrapper.list-not-searchable .filters-grid,
.list-wrapper.list-not-searchable .btn-list-filters,
.list-wrapper.list-no-record-info .total-records-web,
.list-wrapper.list-no-record-info .total-records-mobile,
.list-wrapper.list-not-searchable .header-left/*,
.list-control-container.list-no-row-action-buttons .list-action-buttons-container .show-multi,
.list-control-container.list-no-row-action-buttons .list-action-buttons-container .show-single*/ {
    display: none !important;
}

.list-wrapper.list-no-preferences .tool-buttons-container {
    left: 10px;
}

.rows-per-page-area .fixed-page-size {
    display: none;
}
 
.list-wrapper.list-not-searchable .header-right {
    margin-bottom: 7px;
}

.list-column-header .bool-quick-filter {
    display: inline-block;

}

.bool-quick-filter-container input[type='radio'] {
    position: relative;
    top: 2px;
}

.bool-quick-filter-container .bool-quick-filter span {
    margin-right: 3px;
}

.list-pop-up-footer button {
    width: 10%;
    min-width: 100px; 
}

.list-init-loading {        
    text-align: center;
    padding: 10px;
    margin: 10px;
    z-index: 100;
}

.list-init-loading .loading-icon {
    background: url(Images/dialogs/ajax-loader.gif);
    height: 40px;
    width: 40px;
    position: relative;
    top: 5px;
    display: inline-block;
    background-size: contain;
}

.list-control-container .list-action-buttons-container button {
    min-width: 7%;    
}

.list-pager .data-total-pages.badge,
.data-info .data-total.badge {
    background-color:  rgb(163, 163, 163);
    min-width: 40px;
    line-height: 1.9;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
}

.list-pager .btn-group {
    bottom: 1px;
}

.pager-left .btn-list-refresh {
    position: relative;
    bottom: 1px;
}

.list-control-container td:not(.row-number) {
    word-break: break-all;
}

.list-control-container td:not(.row-number) > a,
.list-control-container td:not(.row-number) > span {
        word-break: break-word;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
	line-height: 20px;
}

.list-control-container .page-caption {
    text-transform: capitalize;
}

.small-width .header-right {
    /* float: left; ??? */
    margin-bottom: 10px;
}

.quick-filter-wrapper.has-custom-drop-down .clmscombobox-value-container {
    width: 100%;
    display: inline-block;
}

.quick-filter-wrapper.has-custom-drop-down .remove-quick-filter {    
    z-index: 10;
}

.list-control-container .collapsible-grid {
    margin-bottom: 5px; 
    float: right;
    clear: right;
    width: 470px;
    min-width: 470px;
    max-width: 470px;
}

.list-control-container.stand-alone .list-preferences-fieldsets-container .collapsible-grid {
    display: none;
    position: absolute;
    top: auto;
    width: 470px;
    min-width: 470px;
    max-width: 470px;
    background-color: #ffffff;
    z-index: 200;
}
.list-control-container.stand-alone .collapsible-grid.draggable-docked {
    position: relative;
    display: none;
    left: auto !important;
    top: auto !important;
}

.list-control-container.stand-alone .collapsible-grid .form-control {
    /*max-width: 77px;*/
}

.list-control-container .groups-grid .groups-header,
.list-control-container .filters-grid .filters-header,
.list-control-container .grids-header.preferences-header {      
    padding: 8px;
    background-color: #428bca;
    cursor: pointer;
    color: #ffffff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 16px;
}

.list-control-container .groups-grid,
.list-control-container .filters-grid,
.list-control-container .preferences-grid {      
    border: 1px solid white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.list-control-container.stand-alone .list-preferences-fieldsets-container .grids-header {
    cursor: move;
}
    
.list-control-container.stand-alone .list-preferences-fieldsets-container .grids-header > span {
    cursor: pointer;
}

.list-control-container.stand-alone .groups-grid.draggable-docked .groups-header:hover,
.list-control-container.stand-alone .filters-grid.draggable-docked .filters-header:hover,
.list-control-container.stand-alone .preferences-grid.draggable-docked .preferences-header:hover {
    background-color: #3276b1;
}
.list-control-container.stand-alone .groups-grid:not(.draggable-docked) .groups-header .glyphicon-pushpin,
.list-control-container.stand-alone .filters-grid:not(.draggable-docked) .filters-header .glyphicon-pushpin,
.list-control-container.stand-alone .preferences-grid:not(.draggable-docked) .preferences-header .glyphicon-pushpin {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    .rotate(-45deg);
}
.list-control-container.stand-alone .groups-grid .groups-header .glyphicon-pushpin:before,
.list-control-container.stand-alone .filters-grid .filters-header .glyphicon-pushpin:before,
.list-control-container.stand-alone .preferences-grid .preferences-header .glyphicon-pushpin:before {
    font-family: "FontAwesome";
    content: "\f08d";
}
.list-control-container .filters-grid .form-control {
    height: 22px;
    padding: 2px;
}
.list-control-container .collapsible-grid .draggable-action {
    display: none;
}
.list-control-container.stand-alone .collapsible-grid .draggable-action {
    display: block;
    float: right;
    margin: 3px 5px 0 5px;
    opacity: 0.7;
}
.list-control-container.stand-alone .collapsible-grid .draggable-action:hover {
    opacity: 1;
}
.list-control-container .groups-grid .list-groups-container,
.list-control-container .filters-grid .filters-container,
.list-control-container .preferences-grid .preferences-container {        
    border: 1px solid #357ebd;
    border-bottom: none;
    overflow: auto;    
    /*transition: all ease 0.5s;*/
}
    .list-control-container .preferences-grid .preferences-container .table thead tr th {
        padding: 8px 0 8px 4px;
}

.list-control-container .filters-grid .filters-container .empty-filter-list {
    padding: 10px;

}

.list-control-container .list-preferences-fieldsets-container {
    display: none;
}

.list-control-container.stand-alone .list-preferences-fieldsets-container,
.list-control-container.stand-alone .list-preferences-fieldsets-container .list-preferences-fieldsets-wrapper {
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    padding: 0;
}

.list-control-container .list-docked-grids {
    width: 0;
    height: 0;
    display: none;
}

.list-control-container.stand-alone .list-docked-grids {
    display: block;
    float: right;
    overflow: hidden;
    /*transition: all ease 0.5s;*/
}

.list-control-container.stand-alone .list-docked-grids > div {
    margin-left: 10px;
}

.list-control-container  .collapsile-grid-footer {        
    border: 1px solid #357ebd;
    border-top: none;
    padding: 5px;
    text-align: center;
}

.list-control-container .collapsile-grid-footer hr {
    margin: 0 0 5px 0;
    border-top: solid 1px #e7e7e7;
}

.list-control-container .collapsile-grid-footer [type=button] {
    width: 100px;
    display: inline-block;
    margin: 0 5px;
}

.list-control-container .groups-table,
.list-control-container .preferences-table,
.list-control-container .filters-table {
    margin-bottom: 0;
}

.export-pop-up .export-preferences-container {
    padding: 0px 20px 20px 20px;
    height: 340px;
}

.export-pop-up input[type='checkbox'] {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    bottom: 3px;
}

.import-pop-up {
    height: 160px;
    text-align: center;
    padding-top: 10px;
}

.import-pop-up .btn {
    min-width: 300px;
    margin: 15px;
}

.list-control-container .filters-table .input-group {
        width: 100%;
}

.list-control-container .filters-table .input-group:not(:first-child) {
    margin-top: 5px;
}

.list-control-container .filters-table .input-group span.input-group-addon {
    width: 45px;
    padding: 0 0 0 3px;
    font-size: 12px;
    text-align: left;
}

.list-control-container .bottom-pager-table {
    width: 100%;
    /*transition: all ease 0.5s;*/
}

.list-control-container .row-context-menu .default-action > a {
   font-weight: bold;
}

.list-control-container .dropdown-menu .fa,
.list-control-container .dropdown-menu .glyphicon {
    margin-right: 5px;
}

.list-control-title-container {
    background-color: #ccc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 10px;
    position: relative;
    top: 5px;
    z-index: 1;
    float: left;
    opacity: 0;
    /*transition: all ease 0.5s;*/
    width: 100%;
}

.nicescroll-rails {
    display: none !important;
}

.export-table-display-columns{
    vertical-align: middle !important;
    padding: 0px 20px 20px 20px;
    width: 490px;
    height: 200px;
    overflow-x: hidden;
    overflow-y :auto;
}


.sum-is-visible, .average-is-visible {
    display: initial !important;
    position: relative;
    left: -7px;
}

.table-headers-export-visible-columns  {
    margin-left: 20px;
    margin-right: 10px;
    padding-bottom:0px;
    background-color: #3F69A8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 470px;
    color:white;
    margin-bottom:0px;
}

.table-headers-export-visible-columns > thead > tr > th {
    padding:0px;
}
export-color-label{
    padding-left: 20px;
}



.header-color-label {
    padding-left:20px;
    width: 100px;
    vertical-align: middle;
}

.export-color-textfield {
    width:60px;
    height:17px;
    padding: 0px;
}
.color-picker-button, .group-color-picker-button{
    background-image:url(images/icons/ColorPicker.gif);
    width:23px;
    height:24px;
}
.checkbox-position {
    position:static !important;
}
.export-pop-up-subtitle {
    font-size: 13px;
    color: white;
    position: relative;
    top: 2px;
}

.display-group-items {
    display: none;    
    cursor: pointer;
    margin-left: 10px;
}

tr:hover .display-group-items {
    display: inline-block;    
}

.display-group-items:hover {    
    color: #428bca;
}

.import-results-pop-up {
     height: 360px;
     padding: 20px;
     overflow: auto;
}

.import-results-pop-up-mini {
     height: 65px;
     padding: 20px;     
}

.red {
    color: red;
}

.green {
    color: green;
}

span.import-result {
    min-width: 160px;
    display: inline-block;
}
table tr.selected-row:not(.group-row) td.list-data-cell .circled-num {    
    background-color: rgb(63, 105, 168);
    color: white;
}
.circled-num {   
    transition: all ease 0.5s; 
    border-radius: 25px;    
    text-align: center;            
}
.circled-num.num-single-digit {
  padding-left: 9px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.circled-num.num-double-digit {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.circled-num.num-triple-digit {  
  padding-left: 3px;
  padding-right: 3px;  
  padding-top: 6px;
  padding-bottom: 6px;
}

.title-context-menu li.bold span:not(.glyphicon) {
    font-weight: bold;
}