reportEditorFieldsWidthbody {

    font-size: 14px;
}
.report-config-section {
    margin-bottom:10px;padding-top:10px;background-color: #F8F5EE;border-style: solid;border-width: 1px;border-radius: 3px;border-color:#D8D5CE;
}

.erp-setup-header {
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
.can-dt {
    cursor: pointer;
}

.can-dt:hover {
    text-decoration: underline !important;
}

.erp-configure-link{
    font-weight:bold;
    text-align: center;
}
.erp-setup-sub-header {
    font-size:16px;
    font-weight:600;
}
.erp-setup-lowest-header {
    font-size:14px;
    font-weight:600;
}
.erp-setup-lowest-header-section {
    margin-top:10px;
}

.success-icon {
    color: #00CC00;
}

.warning-icon {
    color: #c5cc00;
}

.error-icon {
    color: #CC0000;
}

.toc-white-bg-main {
    background-color: #FFFFFF;
    padding-top: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    color: #000000;
}

th.vert-align {
    vertical-align: middle;
}

th.rotated-text>div>span {
    display: inline-block;
    padding: 0px 15px;
    padding-left: 5px;
}

th.rotated-text {
    position: relative;
    white-space: nowrap;
    padding: 0 !important;
}

th.rotated-text > div {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: 0 0;
}

.modalDashboardBaseRow {
    padding-top: 0 !important;;
    padding-bottom: 0 !important;;
}

.x_label_bg {
    fill: #000000 !important;
    stroke: #000000 !important;
}

.dark-bg-fg-text,
.dark-bg-fg-text:hover{
    color: #FFFFFF;
}


.services-unselected {
    padding:8px;
    border-color: #CCCCCC;
    background-color: #FFFFFF;
    border-width:1px;
    border-style: solid;
    border-radius: 3px;
    cursor: pointer;
}

.services-unselected:hover {
    background-color:#EEEEEE;
}

.services-selected {
    padding:8px;
    border-color: #88CC88;
    background-color: #CCFFCC;
    border-width:1px;
    border-style: solid;
    border-radius: 3px;
    cursor: pointer;
}

.list-btn {
    padding: 3px 6px;
    white-space: normal;
}

.highlighted-toc-row {
    background-color: #F8F5EE;padding-top:5px;padding-bottom: 5px;
    border-color: #D3D0C9 !important;
    border-width: 1px;
    border-style: solid;
}

.defaultReportSpan {
    font-size: 20px;
    font-family: "ProximaNova","Helvetica Neue",helvetica,arial,sans-serif;
    font-weight: normal;
    color:#333333;margin:0;padding:0;
}

.table-btn {
    pointer-events: none;
}

.toc-dark-bg-main {
    padding-top: 20px;
    color: #FFFFFF;
}

.old-style-body {
    background-image: url('/images/bgnoise.png');
}

.iconRight {
    margin-right: 5px;
}

.fa-icon-wrap {
    margin-right:5px;
}

.core-container {
    padding-top:10px;
}

.tooltip-field-explain {
    margin-left: 10px;
}

.ytd-frozen {
    position: absolute;
    /*width: 150px;
    left: 12px;*/
    left: 12px;
}

.ytd-frozen-row {
}

.ytd-top-frozen {
    top:0;
    border:0 none !important;
    width:0;
    border-bottom:none !important;
}

.ytd-frozen-section-header {
    height: 30px;
}

.ytd-frozen-first-cell {
    border:0 none !important;
}

.dt-node {
    text-decoration: underline;
    cursor: pointer;
}

.diagram-node-label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 5px 15px 5px 15px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 20px;
    color: #FFF;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
    background-color: #1877F2;
    background-image: linear-gradient(#1877F2, #1877F2);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
    background-color: #1877F2;
    background-image: linear-gradient(#1877F2, #1877F2);
}

.t_rotate {
    font-weight:bold;
    transform: rotate(-90deg);
}

.dark-border-table {
    border-color:#000000 !important;
}

.dark-border-table td {
    border-color:#000000 !important;
}
.dark-border-table th {
    border-color:#000000 !important;
    border-bottom-width:1px !important;;
}

.tooltip-glyph {
    color: #777777;
    margin-left:5px;
}

/*.dashboard-editor-menu {
    position:fixed;
    z-index:500000;
    width:100%;
}*/

.no-paddings {
    padding-left:0 !important;
    padding-right:0 !important;
}

.chart-overflow {
    overflow-x: auto;
}

.chart-minus-legend-div {
    width: -webkit-calc(100% - 150px);
    width:    -moz-calc(100% - 150px);
    width:         calc(100% - 150px);
}

.chart-base-row {
    display: flex;flex-direction: row;
}

.chart-legend-div {
    width: inherit;
    min-width: 150px;
    max-width: 150px;
    min-height: 100%;
    position:relative;
    padding-left:0;
    padding-right:0;
}

.chart-legend-content {
    overflow-y:auto;overflow-x:hidden;
    padding-left:10px;
    padding-right:5px;
}

.drag-page-dashboard-div {
    position: relative;
}

.calculated-drag-available {
     border-style: solid;
     border-width: 1px;
     border-color: #95e633;
 }

.calculated-drag-over {
    background-color: #80ce33;
    border-style: solid;
    border-width: 1px;
    border-color:#436B1D !important;
}

.calculated-drag-over-two-cell-active {
    border-style: solid;
    border-width: 1px;
    background-color: #80ce33;
    border-color:#436B1D !important;
}


.calculated-drag-over-two-cell-inactive {
    border-style: solid;
    border-width: 1px;
    background-color: rgba(156, 249, 59, 0.29);
    border-color:#436B1D !important;
}

.calculated-drag-width-left-color {
    position:relative;
    left:10px;
    height: 100%;
    width: 10px;
    pointer-events:none;
}

.calculated-drag-width-left {
    position:absolute;
    width:40px;
    left:-15px;
    top: 10px;
    height: -webkit-calc(100% - 60px);
    height:    -moz-calc(100% - 60px);
    height:         calc(100% - 60px);
    min-height: -webkit-calc(100% - 30px);
    min-height:    -moz-calc(100% - 30px);
    min-height:         calc(100% - 30px);
    z-index: 9999;
}

.calculated-drag-width-center-inactive {
    position:absolute;
    background-color: rgba(128, 206, 51, 0.18);
    border-color:#80ce33;
    border-style: solid;
    border-width:1px;
    height: 50%;
    min-height: 50%;
    width:50%;
    left:25%;
    top:25%;
    z-index: 9999;
}

.calculated-drag-width-center-active {
    position:absolute;
    background-color:#80ce33;
    height: 50%;
    min-height: 50%;
    width:50%;
    left:25%;
    top:25%;
    z-index: 9999;
}

.calculated-drag-width-left-add-first {
    position:absolute;
    left:40px;
    width: 20px;
    height: 100%;
    min-height: 100%;
    z-index:10001;
}

.calculated-drag-width-left-add-second {
    position:absolute;
    left:20px;
    width: 20px;
    height: 100%;
    min-height: 100%;
    z-index:10000;
}

.calculated-drag-width-left-add-third {
    position:absolute;
    left:0;
    width: 20px;
    height: 100%;
    min-height: 100%;
    z-index:10000;
}

.calculated-drag-width-right-color {
    height: 100%;
    width: 10px;
    pointer-events:none;
}

.calculated-drag-width-right {
    position:absolute;
    width:40px;
    right:-15px;
    top: 10px;
    height: -webkit-calc(100% - 60px);
    height:    -moz-calc(100% - 60px);
    height:         calc(100% - 60px);
    min-height: -webkit-calc(100% - 30px);
    min-height:    -moz-calc(100% - 30px);
    min-height:         calc(100% - 30px);
    z-index: 99999;
}

.calculated-drag-width-right-add-first {
    position:absolute;
    right:60px;
    width: 20px;
    height: 100%;
    min-height: 100%;
    z-index:10001;
}

.calculated-drag-width-right-add-second {
    position:absolute;
    right:40px;
    width: 20px;
    height: -webkit-calc(100% - 60px);
    height:    -moz-calc(100% - 60px);
    height:         calc(100% - 60px);
    min-height: -webkit-calc(100% - 30px);
    min-height:    -moz-calc(100% - 30px);
    min-height:         calc(100% - 30px);
    z-index:10000;
}

.calculated-grid-button {
    position:absolute;
    right:20px;
    width: 20px;
    height: -webkit-calc(100% - 60px);
    height:    -moz-calc(100% - 60px);
    height:         calc(100% - 60px);
    min-height: -webkit-calc(100% - 30px);
    min-height:    -moz-calc(100% - 30px);
    min-height:         calc(100% - 30px);
    z-index:10000;
}

.calculated-drag-width-right-add-third {
    position:absolute;
    right:20px;
    width: 20px;
    height: -webkit-calc(100% - 60px);
    height:    -moz-calc(100% - 60px);
    height:         calc(100% - 60px);
    min-height: -webkit-calc(100% - 30px);
    min-height:    -moz-calc(100% - 30px);
    min-height:         calc(100% - 30px);
    z-index:10000;
}

.calculated-drag-width-bottom-color {
    position: relative;
    top: 10px;
    width: 100%;
    height: 10px;
    pointer-events:none;
}

.calculated-drag-width-bottom {
    width: -webkit-calc(100% - 60px);
    width:    -moz-calc(100% - 60px);
    width:         calc(100% - 60px);
    position:absolute;
    height:40px;bottom:-25px;
    left:20px;
    z-index: 9999;
}

.calculated-drag-width-bottom-add-first {
    position:absolute;
    bottom:40px;
    width: 100%;
    height: 20px;
    z-index:10001;
}

.calculated-drag-width-bottom-add-second {
    position:absolute;
    bottom:20px;
    width: 100%;
    height: 20px;
    z-index:10000;
}

.calculated-drag-width-bottom-add-third {
    position:absolute;
    bottom:0;
    width: 100%;
    height: 20px;
    z-index:10000;
}

.calculated-drag-width-top-color {
    position:relative;
    top:0;
    width: 100%;
    height: 20px;
    pointer-events:none;
}

.calculated-drag-width-top-add-first {
    position:absolute;
    top:40px;
    width: 100%;
    height: 20px;
    z-index:10001;
}

.calculated-drag-width-top-add-second {
    position:absolute;
    top:20px;
    width: 100%;
    height: 20px;
    z-index:10000;
}

.calculated-drag-width-top-add-third {
    position:absolute;
    top:0;
    width: 100%;
    height: 10px;
    z-index:10000;
}


    .dashboard-editor-side-bar {
        width: inherit;
        min-width: 100px;
        max-width: 100px;
        min-height: 100%;
        position:relative;
    }
    .dashboard-editor-main {
        width:calc(100% - 100px);
    }


.dashboard-drag-controls {
    background-color: rgba(156, 249, 59, 0.07);
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
    position: fixed;
    top: 102px;
    bottom: 0;
    z-index: 100;
    display: block;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.add-pages {
    background-color: rgba(156, 249, 59, 0.07);
    padding-top:5px;
    padding-bottom:5px;
}

.relative-grid {
    position: relative;
}

.calculated-drag-width-top-alt {
    width: -webkit-calc(100% - 60px);
    width:    -moz-calc(100% - 60px);
    width:         calc(100% - 60px);
    position:absolute;
    height:40px;top:15px;
    left:20px;
    z-index: 9999;
}

.calculated-drag-width-top {
    width: -webkit-calc(100% - 60px);
    width:    -moz-calc(100% - 60px);
    width:         calc(100% - 60px);
    position:absolute;
    height:40px;top:-15px;
    left:20px;
    z-index: 9999;
}

@media (min-width: 768px) {
    .main .container {
        width: 620px !important;
    }
}
@media (min-width: 768px) {
    .toc-summary {
        height: 100px;
    }
}
@media (max-width: 769px) {
    .toc-summary {
        height: 60px;
        max-height: 60px;
        overflow: hidden;
    }
}
@media (min-width: 992px) {
    .main .container {
        width: 890px !important;
    }
}
@media (min-width: 1200px) {
    .main .container {
        width: 1080px !important;
    }
}

@media (min-width: 768px) {
    .refreshRow {
        margin-left:0;margin-right:0;
        min-height: 100px;
        display: flex;
    }
}

@media (max-width: 769px) {
    .refreshRow {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .filterHeaderRow {
        margin-left:0;margin-right:0;
        min-height: 100px;
        display: flex;
    }
}

@media (max-width: 769px) {
    .filterHeaderRow {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 769px) {

    .slimRowSM {
        margin-left: 0;
        margin-right: 0;
    }

    /*.slimColSM {
        padding-left: 0;
        padding-right: 0;
    }*/
}

.slimRow {
    margin-left: 0;
    margin-right: 0;
}

.slimCol {
    padding-left: 0;
    padding-right: 0;
}

.filterHeaderRowImageCol {
    /*height:100px;*/
    display: flex;
    align-items: center;

}

.filterHeaderRowImageDiv {
    /*height:70px;*/
    /*height:50%;*/
    margin:auto;

    /*background-color:#FFFFFF;padding:5px;border-color: #FFFFFF;border-width: 1px;border-style: solid;border-radius: 3px;margin-left:20px*/
}

.filterHeaderRowFilters {
    /*height:90px;*/
height: 100%;
    display: flex;align-items:center;padding-right:20px;
}

.filterHeaderRowImage {
    /*max-height:60px*/
    display:block;
    /*width:auto;*/
    margin:auto;
    /*height:auto;*/
    /*max-width:200px;*/
    /*min-height: 60px;
    max-height: 100px;*/
    height:auto;
    max-width: 250px;
}

.sideMenuPadding {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .dashboardSideNavCol {
        display: inline-block;
    }

    .dashboardSideNavColVertical {
        text-align:center;
    }

    .dashboardSideNavImageDiv {
        display: inline-block;
    }

    .dashboardSideNavHide {
        display:none;
    }
}

@media (max-width: 769px) {

    .dashboardSideNav {
        display:none;
    }

    .dashboardSideBody {

    }
}

.trendChartOldAlign {
    text-align:center;
    align-items:center;
}

.trendChartNewAlign {
    text-align:left;
    align-items:left;
}

.btn-white-link {
    background-color: #FFFFFF !important;
    border-color: #D3D0C9 !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.dashboardSideNav {
    border-color: #D3D0C9;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    /*height: calc(100vh - 92px);*/
    /*width: 10em;*/
    min-height:100%;
}

.dashboardSideNavNew {
    position: fixed;
    top: 92px;
    left: 0;
    bottom: 0;
    z-index:100;
    /*height: calc(100vh - 92px);*/
    /*width: 10em;*/
    min-height:100%;
}

.dashboardControlLabel {
    color:#FFFFFF !important;
}

.dashboardControlLabelAlt {
    color:#000000 !important;
}

.dashboardSideBody {
    /*margin: 0;*/
}

.dashboardSideNavLink {
    text-align: left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 15px;
    margin-right: 0;
}

.dashboardSideNavLinkAnchor {
    cursor:pointer;
    font-weight: bold;
    display: inline-block;
    -ms-word-wrap: break-word;
    word-wrap: break-word !important;
}

.headerModeSelected {
    background-color:#CCFFCC;
    border-color:#AACCAA;
    border-style:solid;
    border-width:1px;
    border-radius: 3px;
    padding-top:5px;
    padding-bottom:5px;
}

.headerModeNotSelected {
    background-color:#EAEAEA;
    border-color:#BABABA;
    border-style:solid;
    border-width:1px;
    border-radius: 3px;
    padding-top:5px;
    padding-bottom:5px;
}

.validationFailure {
    border: 1px solid #FF0000;
}

.draggableCardHandle {
}

.crosstab-table {
    width: auto !important;
    margin: 0 auto !important;
}

.crosstab-fixed-width {
    width:100%;
    text-align:center;
}

.valueSelectDropdown {
    cursor: pointer;
    font-size:12px;
    padding:0;
    white-space: normal;
    word-wrap: break-word;
}

.dateControlDiv {
    padding-left:0;
    padding-right:0;
    display:inline-block;
}

.formItemLink {
    padding:0;
    cursor: pointer;
    font-size: 100%;
    color: inherit;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}
.formItemMaxHeight {
    overflow:hidden;
}

.cancelRow {
    text-align:center;
}


.trend-default,
.trend-default:hover,
.trend-default:focus {
    text-decoration: none;
    cursor: text;
}

.trend-big-number:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}


.dark-bg-dropdown-link {
    color:#ffffff !important;
}

.dark-bg-dropdown-link:hover {
    color:#ffffff !important;
}

.formItemLink:hover {
    color: inherit;
}

.invalidFormItem {
    background:#F84072;
    border: 2px red solid;
}

.mobileMainMenu {
    font-size: 16px;
}

.mobileMainMenuCol {
    text-align: center;
    padding-top:8px;
    padding-bottom:8px;
}

.account_tier_column {
}

.account_tier_column_wrap {
    padding: 12px;
}

.ei2FormInputLabel {
    text-align:right;
    font-weight:bold;
    font-size:13px;
    margin-top:4px;
}

.ei2FormSpan {
    font-size:13px;
    margin-top:6px;
}

.eiRowEditorLabel {
    font-size:12px;
    color: #555555;
    margin-bottom:5px;
}

.draggableTextHandle {
    color:#555555;
    margin-top:6px;
    width:1px;
}

.draggableTextDelete {
    color:#555555;
    margin-top:6px;
}

.filterLabelDiv {
    font-weight: 600;padding-top:11px;float:left;padding-left:2px;font-size:14px;
}

.ei-text {
    border-style:solid;
    border-radius:3px;
    border-color:#D5D5D5;
    border-width:1px;
    width:100%;
    padding:5px;
    font-size:13px;
}

.ei-text:hover {
    background-color:#EEEEEE;
}

.ei-text:focus {
    border-style:solid;
    border-radius:3px;
    border-color:#1c94c4;
    border-width:1px;
}

.inlineEditComponent {
    display:inline-block;
    width:calc(100% - 60px) !important;
}

.inlineEditText {
}

th.sticky-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color:#FFFFFF;
}

.treeControls {
    display:inline-block;
    margin-left:10px;
}

.draggableTextInput {
    border-style:solid;
    border-radius:3px;
    border-color:#D5D5D5;
    border-width:1px;
    width:100%;
    padding:5px;
    font-size:13px;
}

.draggableTextInput:hover {
    background-color:#EEEEEE;
    color: #000000;
}

.draggableTextInput:focus {
    border-style:solid;
    border-radius:3px;
    border-color:#1c94c4;
    border-width:1px;
    color: #000000;
}

.rowComponentFormInput {
    background: transparent;
    /*color: #000000;*/
    font-size:12px;
}

.rowComponentFormInput:focus {
    background: #FFFFFF;
}

.featureListRow {
    color: #333333;
    margin-top:5px;
    margin-bottom:5px;
}

.dateClearLink {
    text-align:center;
    margin-bottom:8px;
}

.dashboardHeaderLink {
    cursor: pointer
}

.dashboardBodyDiv {
    margin-top:10px;
}

.createCustomFieldType {
    text-align: right;
    font-weight:bold;
    margin-top:3px;
}

.btn-aligned {
    padding: 0 !important;
}

.eiDataTable {
    margin-bottom:0;
}

/*.eiDataTable > thead .sorting::before,
.eiDataTable > thead .sorting::after {
    top: 2px !important;
}

.eiDataTable > thead .sorting_asc::before,
.eiDataTable > thead .sorting_asc::after {
    top: 2px !important;
}

.eiDataTable > thead .sorting_desc::before,
.eiDataTable > thead .sorting_desc::after {
    top: 2px !important;
}*/

.dataTables_scrollBody::-webkit-scrollbar {
    -webkit-appearance: none;
}

.dataTables_scrollBody::-webkit-scrollbar:vertical {
    width: 11px;
}

.dataTables_scrollBody::-webkit-scrollbar:horizontal {
    height: 11px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.selected-user-cell {
    background-color: #F0F0F0;
    border: none;
    outline: solid 2px #1c94c4 !important;
}

.zindex {
    z-index: 99000 !important;
}

/*.dataTables_scrollBody{overflow-y: scroll !important}*/

.selected-but-disabled-user-cell {
    background-color: #F0F0F0;
    border: none;
    outline: solid 2px #cccccc !important;
}

.backgroundLightDiv {
    /*background-color:#F8F5EE*/
}

.reportEditorFilterPaddingNew {
    padding-left: 9px;
}
.reportEditorFilterPaddingOld {
    padding-left: 5px;
}

.featureAccountBox {
    padding:5px;background-color:#FFFFFF;border-width: 1px;border-radius: 5px;border-color:#FFFFFF;
    font-size:16px;
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:15px;
}

.featureListCheckbox {
    margin-right: 5px;
    color: #45af2d;
}

.account_active_tab {
    background-color: #005484;
    color:#FFFFFF !important;
}

.account_default_tab {
    color:#000000 !important;
}

.tier_active_tab {
    border-color:#9a9a9a;
    border-style:solid;
    border-width:1px;
    border-radius:3px;
    font-weight: bold;
}

.tier-feature-listing {
    text-align: left;
    margin-top:20px;
}

.visibleMapTooltip {
    z-index: 1000;
    padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px;
}

.disabled-field-option {
    color:#AAAAAA;
}

.enabled-field-option {
    font-weight: bold;
}

.tutorial-filter {
    font-size:16px;
}

.highlighted-field-option {
    color:#157215;
    font-weight: bold;
}

@media (min-width: 992px) {
    .modal-lg2 {
        width: 900px;
    }
}

@media (min-width: 1092px) {
    .modal-lg2 {
        width: 1000px;
    }
}

@media (min-width: 1192px) {
    .modal-lg2 {
        width: 1100px;
    }
}

@media (min-width: 792px) {
    .modal-xl {
        width: 700px;
    }
}

@media (min-width: 892px) {
    .modal-xl {
        width: 800px;
    }
}

@media (min-width: 992px) {
    .modal-xl {
        width: 900px;
    }
}

@media (min-width: 1092px) {
    .modal-xl {
        width: 1000px;
    }
}

@media (min-width: 1192px) {
    .modal-xl {
        width: 1100px;
    }
}

@media (min-width: 1292px) {
    .modal-xl {
        width: 1200px;
    }
}

@media (min-width: 1392px) {
    .modal-xl {
        width: 1300px;
    }
}

@media (min-width: 1492px) {
    .modal-xl {
        width: 1400px;
    }
}

@media (min-width: 1592px) {
    .modal-xl {
        width: 1500px;
    }
}


.visibleMapTooltip h4 { margin: 0 0 5px; color: #777;}

.hlabelValue {
    font-weight: bold;
}

.report-type-img {
    max-width:60px;
}

.dashboard-img-responsive {
    max-width:100%;
    height:auto;
}

.report-type-img-label {
    padding-bottom:15px;
}

.masterJoinTableColumn {
    background-color:#CCFFCC;
    color: #57152f;
}

.quickFieldLabel {
    text-align: right;
}

.quick-edit-control {

}

.json-input-group {
    width:100%;
    margin-top:10px;
}

.fieldChangedMessage {
    font-size:10px;
    padding-top:7px;
}

.tooltip-inner {
    min-width: 300px;
    max-width: 100%;
    padding: 3px 8px;
    color: #333;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border-color: #333;
    border-style: solid;
    border-width: 1px;
}

.tooltip-inner p {
    margin: 0;
    padding: 0;
}

.alert-danger {

}

.popover {
    border-color:#5cb85c;
    background-color:#5cb85c;
    color:#FFFFFF;
    font-size:16px;
    border-width:3px;
    padding-bottom:0;
}

.popover.bottom > .arrow {

}

pre.prettyprint {
    padding: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu.reportsDropdown {
        margin-right: 50%;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }

}

.navbar-toggle .icon-bar {
    background-color: #000000 !important;
}

.navbar-toggle:hover .icon-bar {
    background-color: #FFFFFF !important;
}

.fieldSectionChanged {
    background-color: #EAFFEA
}

.filterDiv {
    float:left;
    font-size:12px;
    margin-right: 10px;
}

.filterLabel {
    margin-left:5px;
    margin-top:10px;
    margin-right:5px;
}

.filterSelect {
    margin-left:5px;
    margin-top:5px;
    margin-right:5px;
}

.filterSelectBox {
    font-size:16px;
    margin-top:10px;
    color: #000000;
}

.designChangeDropdown {
    font-size:16px;
    margin-top:10px;

    padding-top:5px;
    padding-bottom:5px;
    border-radius: 3px;
}

.designChangeDropdownActive {
    background-color:#1C1B1A;
    color:#FFFFFF;
}

.designChangeDropdownInactive {
    background-color:#FFFFFF;
    color:#1C1B1A;
}

.filterCheckbox {
    margin-top:14px;
}

.btn-multivalue {
    font-size:11px;
}

.filterCX {
    margin-right:5px;
    margin-top:2px;
}

.reportWell {
    background-color: #ffffff;
    border-style: ridge;
    border-width: 1px;
    border-color: #aaaaaa;
}

.reportBreadcrumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0px;
}

.reportNav {
    margin-bottom: 20px;
}

.orFilterBox {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

#chartpseudotooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(238,238,238,0.9);
    padding: 1px;
    display: none;
}

a.dp-choose-date {
    float: left;
    width: 0;
    height: 16px;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
}

.gaugeBenchmark {
    text-align: center;
}

.dashboardReportDiv {
    text-align: center;
}

.argh {
    color: #333333;
}

svg {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.reportArea {
    overflow:auto;
    padding:10px;
    /*margin:0;*/
}

/*.dashboardReportDiv {
    padding:0;
    margin:0;
}*/

a.trendDrillthrough {
    color:inherit;
}

.sortData {
    display: none;
}

.well {
    background-image: none;
    background-color: #F8F5EE;
}

ul.unstyled {
    list-style-type: none;
}

.tabbable > .nav-pills {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

label {
    font-weight: normal;
}

.form-control {
    padding: 6px;
}

.corePageWell {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
    padding: 10px;
}

.corePageWell2 {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
}

.addonBase {
    background-color:#E6E6E6;
    margin-top:10px;
}

.addonCurrent {

}

.addonUnits {
    background-color:#FFFFFF;
    border-color:#DDDDDD;
    border-style:solid;
    border-width: 1px;
    padding:10px;
}

.addonWrap {
    padding-top:15px;
    padding-bottom:15px;
    padding-left:30px;
    padding-right:30px;
}

.rightAlign {
    text-align: right;
}

.centerAlign {
    text-align: center;
}

.whiteBG {
    background-color:#FFFFFF;
}

.defaultVerticalAlignParent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.defaultVerticalAlignChild {
    height: 100%;
}

.accountAddonsEmphasis {
    font-size: 16px;
    font-weight: bold;
}

.navbar-inverse {
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FFFFFF), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #FFFFFF, 0%, #FFFFFF, 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
    background-repeat: repeat-x;
}

.topBar > ul > li > a,
.topBar > ul > li > a:focus
{
    font-weight: normal;
    color: #444444;
    padding-left: 6px;
    padding-right: 6px;
    padding-top:10px;
    padding-bottom:10px;
    display: block;
    position: relative;
    text-decoration: none;
}

/*.appTopBarLarge {
    font-size:16px;
}

.appTopBarSmall {

}

@media(min-width: 710px) and (max-width:840px) {
    .appTopBarLarge {
        font-size:12px !important;
    }
}*/

@media(max-width: 853px) {

    .appTrialTopBar {
        height: 63px !important;
    }

    .appTopBar {
        font-size:14px;
        font-weight:bold;
        padding-top:5px;
        height: 50px;
    }

    .trialButton {
        font-size:12px;
        padding:3px;
    }

    .defaultBodyClass {
        padding-top:48px;
    }

    .defaultBodyTrialClass {
        padding-top:63px !important;
    }

    .appTopBar > .row > .col-md-12 > ul > li > a {
        padding-left: 5px;
        padding-right: 5px;
        padding-top:3px;
        padding-bottom:3px;
    }

    .appTopBar > .row > .col-md-12 > ul > .appTopBarHide {
        display: none;
    }
}

@media(min-width: 854px) {

    .trialButton {
        margin-top:0;
        padding: 5px 12px;
        margin-bottom:4px;
    }

    .appTrialTopBar {
        height: 71px !important;
    }

    .appTopBar {
        font-size:14px;
        height: 56px;
    }

    .defaultBodyClass {
        padding-top:54px;
    }

    .defaultBodyTrialClass {
        padding-top:69px !important;
    }

    .embedBodyClass {
    }

    .appTopBar > .row > .col-md-12 > ul > .appTopBarShow {
        display: none;
    }


}




.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    font-weight: normal;
    font-size: 16px;
    color: #444444;
    padding-top:10px;
    padding-bottom: 10px;
}

.topBar > ul {

    margin: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.dashboardPageTopBar > ul {
    float: none !important;
    margin: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.topBar > ul > li {
    position: relative;
    display: inline-block;
}

.topBar > .rightAlignBar {
    float: right !important;
}

.appTopBar {
    border: 0;
    border-bottom: 4px solid #0084b4;
    margin-left: 0;margin-right: 0;background-color:#FFFFFF;
}

.featureAccountBox {color:#333333; height:60px}

.selectedTier { background-color: #45af2d;border-style: solid;border-width: 1px;border-color:#45af2d;border-radius:5px; color:#FFFFFF }

.defaultTier { background-color: #ffffff;border-style: solid;border-width: 1px;border-color:#dadada;border-radius:5px; color:#333333 }

.appTrialTopBar {
    border: 0;
    border-bottom: 4px solid #0084b4;
    margin-left: 0;margin-right: 0;background-color:#FFFFFF;
}

.navbar {
    min-height:36px;
    margin-bottom:20px;
    border: 0;
    border-bottom: 4px solid #0084b4;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #333333;
    background-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
}

.navbar-toggle {
    border-color: #333;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: #333;
}
.navbar-toggle .icon-bar {
    background-color: #666;
    color:#333;
}

.contentBoxOverride {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.topControlBtnGroup {
    margin-bottom: 10px;
    margin-right: 20px;
}

.tierBtnGroup {
    margin-bottom: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left:0;
    padding-right:0;
    padding-top:10px;
    padding-bottom:10px;
    float:none !important;
}

.tierBtnGroup > a {
    font-size: 16px;
    padding-left:15px;
    padding-right:15px;
    text-decoration: none;
}

.accountBtnGroup {
    margin-bottom: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left:0;
    padding-right:0;
    padding-top:10px;
    padding-bottom:10px;
    color: #FFFFFF;
}

.accountBtnGroup > a {
    padding-left:15px;
    padding-right:15px;
    text-decoration: none;
    /*color:#000000;*/
/*    color: #FFFFFF*/
}



.topControlBtnGroup > a {
    font-size: 16px;
    color: #FFFFFF;
}

.accountBtnGroup:hover {
    background-color:#005484;
}

.accountBtnGroup > a:hover,
.accountBtnGroup > a:focus {
}

.topControlToolbar {

}

h2 {
    font-size: 20px;
    font-family: "ProximaNova","Helvetica Neue",helvetica,arial,sans-serif;
    font-weight: normal;
}

.colored-h2 {
    color: #1C5C76;
}

.alt-colored-h2 {
    color: #000000;
}

a {
    color: #1c5c76;
}

.reportControlBtnGroup > a,
.reportControlBtnGroup > a:hover {
}

.reportControlToolbar > a,
.reportControlToolbar > a:hover {
}

.reportControlToolbar {
    margin-top: 7px;
    margin-bottom: 10px;
}

.reportBlah {
    margin-top: 7px;
}

.reportControlBtnGroup {
    margin-right: 20px;
}

.loading {
    font-weight: bold;
}

.loadingText {
    margin-bottom: 10px;
}

.tag-list {
    /*padding-bottom: 10px;*/
}

.tag-select {
    font-size: 12px;
}

.browse-by-tag {
    float:left;
    font-size: 14px;
    font-weight:500;
    line-height: 32px;
    vertical-align: middle;
    padding-left: 20px;
}

.header-tr {
    font-weight:500;
}

.no-data-sources {
    font-size: 20px;
}

.no-data-sources-container {
    margin-top: 40px;
    margin-bottom: 30px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #0084b4;
}

.selected_folder a { font-weight: bold; }
.selected_folder {
    background-color: #e2d0d0;
}

.color_swatch {
    display:inline-block;
    height:20px;
    width:20px;
    margin-bottom: -5px;
    border: solid 1px black;
}

.noReports {
    font-size: 16px;
    padding-bottom: 20px;
    margin-top:30px;
}

.reportListControl {
    font-size: 18px;
}

.reportListHR {
    padding:0;
    margin: 5px 0;
}

#reportsAndDashboards {
    color: #333333;
    font-size: 18px;
    margin-top:10px;
    margin-bottom: 10px;
}

#folderTable {
    font-size: 12px;
    margin-bottom: 10px;
}

.reportListTable {
    border-color: #DDDDDD;
}

.reportListTable > tbody > tr > td {
    border-color: #DDDDDD;
}

.reportListTable > thead > tr {
}

.reportListTable > thead > tr > th {

}

.reportDashboardTable {
    border-color: #DDDDDD;
}

.reportDashboardTable > tbody > tr > td {
    border-color: #DDDDDD;
}

.reportDashboardTable > thead > tr {
    background-color: #0074A4;
    color:#FFFFFF;
}

.reportDashboardTable > thead > tr > th {
    border-color: #0074A4;
}

.droppable_area {
    border: 2px dashed #000000;
    margin: 10px;
    width: 150px;
    height: 50px;
    padding: 10px;
    border-radius: 6px;
}

.droppable_files {
    border-color: #6cce6c;
    background-color: #7cd87c;
}

.disabled_drop {
    border-color: #cccccc !important;
    background-color: #ffffff !important;
}

.active_link {
    text-decoration: underline;
}

.account_active_link {
    text-decoration: underline;
    color: #FFFFFF;
}

.alert-tutorial {
    color: #000000;
    background-color: #e4ef59;
    border-color: #e4ef59;
}
.alert-tutorial hr {
    border-top-color: #f7e1b5;
}
.alert-tutorial .alert-link {
    color: #000000;
}


.deleteSelected {
    padding-bottom: 5px;
}

.tag-value {
    cursor:  pointer;
}

.combineSourcesChoices {
    padding: 10px;
}

.productHeader {
    color: #333333;
    font-size: 24px;
}

.btn-alt-secondary {
    border-color:#0074A4;
    background-color:#fff;
    color:#333333;
}
.btn-alt-secondary:hover,
.btn-alt-secondary:focus,
.btn-alt-secondary:active,
.btn-alt-secondary.active,
.open .dropdown-toggle.btn-alt-secondary {
    border-color:#0074A4;
    background-color:#b0d4f4;
    color:#333333;
}
.btn-alt-secondary:active,
.btn-alt-secondary.active,
.open .dropdown-toggle.btn-alt-secondary {
    background-image: none;
}

.btn-alt-primary {
    color: #fff;
    background-color: #0084B4;
    border-color: #0074A4;
}
.btn-alt-primary:hover,
.btn-alt-primary:focus,
.btn-alt-primary:active,
.btn-alt-primary.active,
.open .dropdown-toggle.btn-alt-primary {
    color: #fff;
    background-color: #005494;
    border-color: #004484;
}
.btn-alt-primary:active,
.btn-alt-primary.active,
.open .dropdown-toggle.btn-alt-primary {
    background-image: none;
}
.btn-alt-primary.disabled,
.btn-alt-primary[disabled],
fieldset[disabled] .btn-alt-primary,
.btn-alt-primary.disabled:hover,
.btn-alt-primary[disabled]:hover,
fieldset[disabled] .btn-alt-primary:hover,
.btn-alt-primary.disabled:focus,
.btn-alt-primary[disabled]:focus,
fieldset[disabled] .btn-alt-primary:focus,
.btn-alt-primary.disabled:active,
.btn-alt-primary[disabled]:active,
fieldset[disabled] .btn-alt-primary:active,
.btn-alt-primary.disabled.active,
.btn-alt-primary[disabled].active,
fieldset[disabled] .btn-alt-primary.active {
    background-color: #0084B4;
    border-color: #0074A4;
}
.btn-alt-primary .badge {
    color: #0084B4;
    background-color: #fff;
}

.two-column-nav-left {
    padding:0;
    background-color:#fcfcfe;
}

.two-column-nav-h2 {
    font-weight: bold;
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    padding-top: 0;
}

.two-column-nav-action {
    padding-top:3px;
    padding-bottom:3px;
    font-weight:normal;
    font-size: 13px;
}

@media(max-width:768px) {
    .dashboardBaseCol {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .reportFieldDragMessage {
        display: none;
    }
}

.reportFieldDragMessage {
    cursor:pointer;
    color:#FFFFFF;
    padding-top:2px;
    padding-bottom:2px;
}

.reportFieldDragMessage:hover {
    color: #FFFFFF;
}

.diagram .reportFieldDragMessage {
    color: #000000;
}
.diagram .reportFieldDragMessage:hover {
    color: #000000;
}

.chartRow {
    padding-left:0;
    padding-right:0;
    margin:0;
}

@media (min-width: 769px) {
    .reportFieldClickMessage {
        display: none;
    }

    .hide-on-larger-than-xs {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hide-on-xs {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .report-editor-base {
        padding-left:290px;
    }

    .report-editor-base-no-fields {
    }
}

.reportEditorFieldsWidth {
    width: 225px;
    min-width: 225px;
}

.fieldAdminWidth {
    width:100%;
}

.modalFieldChoiceWidth {
    width: 100%;
}

.modalFieldChoiceParent {
    width:100%;
}

@media(min-width: 882px) {
    .dashboardEditorCollapsed {
        display:none;
    }
}

@media(max-width: 882px) {
    .dashboardEditorExpanded {
        display:none;
    }

    .reportEditorControlMenu {
        font-size:14px;
        color:#FFFFFF;
        padding:3px;
        padding-left:10px;
    }

    .reportEditorControlMenuAlt {
        font-size:14px;
        color:#000000;
        padding:3px;
        padding-left:10px;
    }
}

/*
    0 to 482 = sm, 482 to 882 = md, 882 to 1038 = lg, 1038+ = xl
*/

@media(min-width: 482px) {
    .report-editor-sm-only {
        display:none;
    }

    .report-editor-sm {
        display:none;
    }


}

@media(max-width: 481px) {
    .report-editor-md-and-up {
        display:none;
    }
}

@media(min-width: 974px) {

    .report-control-alt {
        color:#000000 !important;
        font-size:14px;
        margin-left:10px;
    }

    .report-control-menu {
        color:#FFFFFF !important;
        font-size:14px;
        margin-left:10px;
    }
}

@media(max-width: 975px) {

    .report-control-alt {
        color:#000000 !important;
        font-size:14px;
        margin-left:10px;
    }

    .report-control-menu {
        color:#FFFFFF !important;
        font-size:14px;
        margin-left:10px;
    }
}

@media(min-width: 882px) {

    .report-editor-md-only {
        display: none;
    }

    .report-editor-md {
        display:none;
    }
}

@media(max-width: 881px) {
    .report-editor-lg {
        display:none;
    }
}

@media(min-width: 1038px) {
    .report-editor-lg-only {
        display:none;
    }
}

@media(max-width: 1039px) {
    .report-editor-xl-only {
        display: none;
    }

    .report-editor-xl {
        display: none;
    }
}

@media(min-width: 1040px) {
    .topBarCollapsed {
        display:none;
    }
}



.databaseFormItem {
    margin-top:5px;
}

.scheduleRow {
    margin-top:10px;
}

.clickBar {
    text-align: center;
}

.clickBarH2 {
    color:#FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.selected_menu {
    font-weight: bold;
}

.connection_grid {
    background-color: #ffffff;
}

.connection_grid > div:first-child {
    margin-top:100%;
}

.data_source_grid {
    background-color: #ffffff;
    cursor: pointer;
}

.checkbox-width-override{
    width:25px !important;
    padding:0px !important;
}

.data_source_grid > div:first-child {
    margin-top:100%;
}

.data_source_grid .selector {
    text-align:left;
    position:absolute;
    width:16px;
    top:2px;
    left:5px;
    z-index:1000;
}

.connection_grid .title {
    text-align:center;
    position:absolute;
    width:100%;
    top:5px;
    left:0px;
    cursor: pointer;
}

.data_source_grid .title {
    text-align:center;
    position:absolute;
    width:100%;
    top:5px;
    left:0px;
    cursor: pointer;
}

.connection_grid > img {
    margin: auto;
    position:absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;
    max-width:80%;
}

.data_source_grid > a > img {
    margin: auto;
    position:absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;
    max-width:80%;
}

.block-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-menu {
    min-width: 100%;
}

.no-margin-row {
    margin-left: 0;
    margin-right: 0;
}

.reportSectionHeader {
    text-align: left;
    font-weight: 600;
}

.verticalReportHeader {
    text-align: right;
}

.dropdown-pull-right {
    float: right !important;
    right: 0;
    left: auto;
}

.dropdown-pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

#trialBar {
    background-color: #0084B4;
    color: #FFFFFF;
}

.btn-save {
    color: #fff;
    background-color: #0084B4;
    border-color: #0074A4;
    margin-left:10px;margin-right:10px;
}
.btn-save:hover,
.btn-save:focus,
.btn-save:active,
.btn-save.active,
.open .dropdown-toggle.btn-save {
    color: #fff;
    background-color: #005494;
    border-color: #004484;
}
.btn-save:active,
.btn-save.active,
.open .dropdown-toggle.btn-save {
    background-image: none;
}
.btn-save.disabled,
.btn-save[disabled],
fieldset[disabled] .btn-save,
.btn-save.disabled:hover,
.btn-save[disabled]:hover,
fieldset[disabled] .btn-save:hover,
.btn-save.disabled:focus,
.btn-save[disabled]:focus,
fieldset[disabled] .btn-save:focus,
.btn-save.disabled:active,
.btn-save[disabled]:active,
fieldset[disabled] .btn-save:active,
.btn-save.disabled.active,
.btn-save[disabled].active,
fieldset[disabled] .btn-save.active {
    background-color: #0084B4;
    border-color: #0074A4;
}
.btn-save .badge {
    color: #0084B4;
    background-color: #fff;
}

.btn-cancel {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
    margin-left:10px;margin-right:10px;
}
.btn-cancel,
.btn-cancel:active,
.btn-cancel[disabled],
fieldset[disabled] .btn-cancel {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-cancel,
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active {
    border-color: transparent;
}
.btn-cancel:hover,
.btn-cancel:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent;
}
.btn-cancel[disabled]:hover,
fieldset[disabled] .btn-cancel:hover,
.btn-cancel[disabled]:focus,
fieldset[disabled] .btn-cancel:focus {
    color: #999;
    text-decoration: none;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
    width:34px;
    height: 16px;
    min-height: 16px;
    margin-top:8px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        font-weight:bold;
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}
@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
    }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
{
    display: table;
    content: " ";
}
.form-horizontal .form-group:after,
{
    clear: both;
}

@media (max-width: 400px) {
    .size-small { font-size: 12px; }
}
@media (min-width: 401px) {
    .size-small { font-size: 14px; }
}

.report-type-row {
    margin-left: 10px;
    padding-right:15px;
}

.dropArea {
    font-size:16px;
    float:left;
    color:#000000;
    margin-top:5px;
    margin-bottom:5px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    background-color:#ccffcc;
}

.dropAreaNoField {
    background-color:#616161;
}

.dropAreaError {
    background-color:#E65555;
}

.dropAreaWarnings {
    background-color:#E6AB07;
}

.dropAreaDisabled {
    background-color:#CCCCCC;
}

.disabled-drop-link {
    color: #AAAAAA;
}

.btn-drop-area {
    color: #000;
    background-color: #ccffcc;
    border-color: #14a337;
}

.btn-drop-area:hover,
.btn-drop-area:active {
    color: #000;
}

.reportEditorFieldsLabel {
    background-color: #003580;
    padding-top:4px;
    padding-bottom:4px
}

.reportEditorDropArea {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    padding:5px;
    margin-left:0;
    margin-right:0;
}

.loginError {
    color: #440000;
    padding-top: 10px;
}

.loginWell {
    background-color: #FFFFFF;
    margin-top:30px;
    padding: 15px 15px 30px;
}

.mfaTokenForm {
    display: none;
}

.as-sortable-item, .as-sortable-placeholder {
    display: block;
}

.as-sortable-item {
    -ms-touch-action: none;
    touch-action: none;
    /* to disable context menu on iOS devices */
    -webkit-touch-callout: none;
}

.as-sortable-item-handle {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.as-sortable-placeholder {
}

.as-sortable-drag {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.as-sortable-hidden {
    display: none !important;
}

.as-sortable-un-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section-nav-header {
    font-weight: bold;
}

.section-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tier-top-btn {
    color: #333333;
    margin-left:10px;
    margin-right:10px;
}

.tier-top-btn:hover {
    color: #333333;
    margin-left:10px;
    margin-right:10px;
}

.account-side-link {
    font-size:18px;
    color: #1C1B1A;
}

.account_active_side {
    background-color: #F8F5EE;
    color: #000000;
    border-color: #D8D5CC;
    border-width: 1px;
    border-style: solid;
}

.account_active_side_link {
    background-color: #F8F5EE;
    color: #000000;
}

.account-top-btn {
    color:#000000;
    margin-left:10px;
    margin-right:10px;
}

.account-top-btn:hover {
    color: #FFFFFF;
    margin-left:10px;
    margin-right:10px;
}

.reportPopoverHiglight {
    border-style: solid;
    border-width: 5px;
    border-color: #5cb85c;
}

.-darker-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.darker-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.darker-modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}.

 -lighter-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.lighter-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.lighter-modal-backdrop.in {
    filter: alpha(opacity=15);
    opacity: .15;
}

.overlayTutorial {
    background-color: #000;
    filter: alpha(opacity=75);
    opacity: .75;
}

.modal-header {
    background-color:#0084B4;
    color:#FFFFFF;
    font-size:13px;
    text-align: center;
    width:100%;
    cursor: pointer;
    padding-bottom:5px;
    padding-top:5px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.tagWidth {
    width:42px;
}

.noTagWidth {
    width:25px;
}

/* Hide for mobile, show later */
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 47px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #ffffff;
        border-right: 1px solid #eee;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .sidebarTrial {
        top: 71px !important;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding: 0;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
    font-size: 12px;
}

.sideBarLink {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 0px !important;
    padding-right: 0 !important;
}

.sideBarNavLink {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 5px !important;
    padding-right: 0 !important;
}

/*
 * Main content
 */

.main {
}
@media (min-width: 768px) {
    .main {
    }
}
.main .page-header {
    margin-top: 0;
}

.sideBarDefault {

}

.sideBarSelected {
    background-color:#EEEEEE;
    font-weight: 500;
}

.sideBarDataSource {

}

.selectedDashboardArea {
    border-style:solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

.modelessDialog {
    display: none !important;
}

.sideBarSubHeader {
    font-weight: 500;
}

.reportsNoSideBar {
    border-left: 2px;border-right:2px;border-top:0;border-bottom:0;border-color: #CCC;border-style: solid;margin-top: 0;padding-top: 0;
}

.reportsSideBar {
    border-left:0;border-right:2px;border-top:0;border-bottom:0;border-color: #CCC;border-style: solid;margin-top: 0;padding-top: 0;
}

.report-section-link-selected {
    font-size:14px;border-bottom-width: 4px;font-weight:bold;border-bottom-color:#1c94c4;border-bottom-style:solid;margin-right:30px;
}

.data-source-config-section {
    font-weight:bold;
}

.report-section-link {
    font-size:14px;margin-right:30px;font-weight:bold
}

.config-section-block {
    min-height: 120px;
    height: 120px;
}

.cardX {
    border-width:1px;
    border-style: solid;
    border-color:#CCCCCC;
    border-radius: 3px;
    margin-top:3px;
    margin-bottom:3px;
    padding:5px;
    background-color:#FFFFFF;
    list-style-type: none;
}

.columnX {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    background-color:#EEEEEE;
    margin-bottom: 10px;
}

.reportEditorWell {
    border-width: 1px;border-color: #CCCCCC;border-radius: 4px;border-style: solid;background-color: #FFFFFF;
}

.eiSortHeader::after {
    position: absolute;

    bottom: 4px;

    right: 8px;

    display: block;

    font-family: 'Glyphicons Halflings';

    opacity: 0.2;

    content: "\e150";
}

.eiSortedDown::after {

    opacity: 1;

    content: "\e094";
}

.eiSortedUp::after {

    opacity: 1;

    content: "\e093";


}

.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.anotherTest {
    overflow-y: visible !important;
}

/*.parent-to-xyz {
    position: relative;
}

.xyz-menu {
    position: fixed;
    top: auto;
    left: auto;
    width: inherit;
}*/

.eiColPointer {
    cursor: pointer;
}

.eiColHeader {
    word-wrap: break-word;
    white-space: normal;
}

.eiLockedCell {
    padding: 4px !important;
}

.eiCell {
    display: inline-block;
}

.eiRowControls {
}

.eiLockedRowControls {
    margin-left:4px;
}

.hideRightBorder {
    border-right-width: 0 !important;
}

.hideLefttBorder {
    border-left-width: 0 !important;
}