/*.main-content { padding: 0 25px 25px 25px !important; }*/

.be-top-header .be-navbar-header .navbar-brand { width: 100% !important; }

.page-title { color: #a2a2a2 !important; }

/* SIDE BAR --------------------------------------------------------------*/
.be-left-sidebar .sidebar-elements > li ul { padding: 0 !important; }

/* CARDS --------------------------------------------------------------*/
.card-header .description { display: block; color: hsl(0, 0%, 62%); line-height: 22px; font-weight: 300; font-size: 13px; }


/* VALIDATION --------------------------------------------------------------*/
.field-validation-error { color: red; font-size: 11px; font-style: italic; }

@media (min-width: 767.98px) {
    /*.main-content { padding-top: 0px !important; }*/
}


/* QUERY BUILDER --------------------------------------------------------------*/

.query-builder .rules-group-container { width: 100%; padding: 10px; padding-bottom: 6px; border: 1px solid #eee !important; background: #fff !important; }
.query-builder .pull-right { float: right; }
.query-builder .form-control { height: auto !important; padding: 2px 12px 2px 12px !important; font-size: 1.0538rem; }


/* Pulled from Beagle 1.7 (app.1.7.css) */

.select2.input-xs + .select2-container--default, .select2.select2-xs + .select2-container--default { padding: 0 }
    .select2.input-xs + .select2-container--default .select2-selection--single, .select2.select2-xs + .select2-container--default .select2-selection--single { height: 2.308rem; padding: 0 }
        .select2.input-xs + .select2-container--default .select2-selection--single .select2-selection__rendered, .select2.select2-xs + .select2-container--default .select2-selection--single .select2-selection__rendered { height: 2.308rem; line-height: 2.231rem; font-size: .9231rem; padding: 0 7px }
        .select2.input-xs + .select2-container--default .select2-selection--single .select2-selection__arrow, .select2.select2-xs + .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.308rem; width: 19px }
            .select2.input-xs + .select2-container--default .select2-selection--single .select2-selection__arrow b:after, .select2.select2-xs + .select2-container--default .select2-selection--single .select2-selection__arrow b:after { line-height: 2.1rem; font-size: 1.4rem }


/* DASHBOARD --------------------------------------------------------------*/
.page-head .breadcrumb > li { font-size: 1.2em; }
.page-head-description { font-size: 1.2em; }
.table-widget { font-size: 13px; }



/* Tiles --------------------------------------------------------------*/
.tile-container .card-header { padding-bottom: 0 !important; font-weight: 400; font-size: 1.2rem !important; color: #2f4f4f; }
    .tile-container .card-header .tile_title { overflow: hidden; text-overflow: ellipsis; }
.tile-container .card-header-divider { }
.tile-container .card-body { padding: 20px; }
.tile-container .card-subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.tile-container .card-subtitle { font-size: 0.85rem !important; }

.tile-container .card-header { }

.tile-container .card-header-divider { border-bottom: unset !important; margin: -6px 1.538rem 8px; }
    .tile-container .card-header-divider .card-subtitle { margin-top: 3px; }

.tile-container .card-border { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04); }

.tile-container .card-body { border-top: 1px solid #d9d9d9; }
    .tile-container .card-body h1 .mdi { margin-right: 2px; }
    .tile-container .card-body h1 .summary_number { margin-right: 10px; }
    .tile-container .card-body .summary_change_period { text-align: center; }
        .tile-container .card-body .summary_change_period .text-muted { font-size: 0.9rem; font-weight: normal; }
    .tile-container .card-body .narrative-text { line-height: 1.9em; }

.tile-container .tile_description { color: darkgray; }
.tile-container strong { font-weight: bold; }

.tile-container .tile-body { }
    .tile-container .tile-body h1 { text-align: center; }
        .tile-container .tile-body h1 .summary_number { font-size: 3.0rem; }
        .tile-container .tile-body h1 .summary_change { font-size: 2.0rem; }
        .tile-container .tile-body h1:last-child { margin-top: -10px !important; }