/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-left,
.text-xs-left {
    text-align: left !important;
}

.text-right,
.text-xs-right {
    text-align: right !important;
}

.text-center,
.text-xs-center {
    text-align: center !important;
}

.text-justify,
.text-xs-justify {
    text-align: justify !important;
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .text-md-justify {
        text-align: justify !important;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-justify {
        text-align: justify !important;
    }
}


html,
body {
    height: 100%;
    background-color: #f2f2f2;
    color: rgba(67, 69, 70, .8);
    font-size: 16px;
    text-rendering: optimizeLegibility;
    font-family: arial, sans-serif;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #004D80;
    font-weight: bold;
}

h5 {
    margin-bottom: 0px;
}

a,
a:hover,
a:focus,
.btn-link {
    color: #004D80;
}

a:hover,
.btn-link:hover {
    text-decoration: underline;
}

*:focus {
    outline: none !important;
}




.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 90px;
}

nav+.container-fluid {
    margin-top: 20px;
}

.navbar-default {
    background-color: transparent;
}

.navbar-default .navbar-nav,
.navbar-default .navbar-nav .btn-link {
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
}

.navbar-default .navbar-nav>li>a,
nav.navbar-default .navbar-nav>li .btn-link {
    color: #53585a;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li .btn-link:hover {
    color: #004D80;
    background-color: transparent;
}

.navbar {
    margin: 0;
    border: none;
    border-bottom: 1px solid #e7e7e7;
}

.navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }

    .navbar-nav>li>a {
        padding-top: 26.5px;
        padding-bottom: 26.5px;
        line-height: 27px;
    }
}

.navbar-brand {
    padding: 0px 15px;
    height: auto;
    font-weight: bold;
}

.navbar-brand img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80px;
    display: inline;
}

.navbar-brand .logo {
    position: relative;
}


.breadcrumb {
    padding: 0 15px;
    font-size: small;
    background-image: linear-gradient(0deg, #0079BF 0%, #004D80 100%);
    color: #f2f2f2;
    border-radius: 0;
    line-height: 2em;
}

.breadcrumb a {
    color: #f2f2f2;
}

.breadcrumb a:hover,
.breadcrumb>.active {
    color: #ccc;
}





h1~.remark {
    margin-bottom: 30px;
    font-size: x-large;
}

.footer {
    height: 60px;
    border-top: 1px solid #ddd;
    font-size: small;
    padding-top: 15px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content:
        /*"\e113"*/
        "\e151";
}

a.desc:after {
    content:
        /*"\e114"*/
        "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;

}

.footer ul li {
    display: inline;
    margin: 5px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

/* align the logout "link" (button in form) of the navbar */
.nav>li>form {
    padding: 8px;
}

.nav>li>form>button:hover {
    text-decoration: none;
}










.equal {
    display: -webkit-flex;
    display: flex;
}





ul.dropdown-menu {
    z-index: 1002;
}


.panel-body h3 {
    margin-top: 0;
}

.panel-body>p:last-of-type {
    margin-bottom: 0;
}

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

.list-view {
    margin: 50px 0;
}

.list-view .summary {
    margin-bottom: 25px;
}

.move-buttons {
    text-align: center;
    font-size: 0;
}

.text-muted {
    color: #bbbbbb;
}

.select-report h4 {
    margin-top: 20px;
    margin-bottom: 0;
}

.row.hover:hover {
    background-color: #fff;
}



table.header-fixed.floatThead-table {
    background-color: rgba(242, 242, 242, 0.9);
}

.edit-report .tab-pane>h3 {
    display: none;
}

.edit-report th {
    font-weight: normal;
    text-align: center;
}

.edit-report th:not(.text-danger):not(.text-muted) {
    color: #000;
}

.edit-report .bll {
    border-left: 1px solid #bbb;
}

.edit-report .blr {
    border-right: 1px solid #bbb;
}

.edit-report .blt-none {
    border-top: none;
}

.edit-report .table>colgroup+thead>tr>th {
    border-bottom: none;
}

.edit-report .table tr.weekend {
    background-color: #d0d0d0;
}

.edit-report .table tr.weekend input[type=text] {
    background-color: #efefef;
}

.edit-report .table tr.pwd {
    background-color: #deedff;
}

.edit-report .table tr.pwd input[type=text] {
    background-color: #eaeaea;
}

.edit-report .table.table-hover>tbody>tr:hover {
    background-color: #fff;
}

.edit-report .table.table-hover>tbody>tr.weekend:hover {
    background-color: #ddd;
}

.edit-report .table tr.pwd:hover {
    background-color: #edf4fd;
}



.edit-report .tab-content {
    font-size: 13px;
}

.edit-report .form-group,
.edit-report .help-block {
    margin: 0;
}

.edit-report .form-control {
    height: 21.5px;
    padding: 3px;
}

.edit-report .has-success .form-control {
    border-color: #ccc;
}

.edit-report .table>thead>tr>th,
.edit-report .table>tbody>tr>td,
.edit-report .table>tfoot>tr>td {
    padding: 3px;
}

.edit-report .table>tbody>tr>td {
    vertical-align: middle;
}

.edit-report .table>tfoot>tr:first-child>td {
    border-top-width: 3px;
}

.edit-report .table>tfoot>tr>td {
    font-weight: bold;
}



.sortable {
    font-size: small;
    line-height: 1.3em;
    margin-bottom: 8px;
}

.sortable li {
    border: 1px solid #ddd;
    margin: 0;
    padding: 4px 8px;
}

div>.sortable>li {
    background-color: #fff;
}

div>.sortable>li:focus,
div>.sortable>li:hover {
    background-color: #fbfbfb;
}

li>.sortable>li {
    background-color: #f2f2f2;
}

li>.sortable>li:focus,
li>.sortable>li:hover {
    background-color: #ddd;
}

.sortable li:focus {
    background-color: transparent;
}



/* Kartik Select2 */
.select2-container--krajee {
    font-size: 14px;
}

.select2-results__option {
    padding: 0px 6px;
}



/* Kartik Datepicker */
.input-group.input-daterange .input-group-addon {
    border-left: 0 !important;
}

.kv-container-from,
.kv-container-to {
    padding: 0;
    border: 0;
}



/* Controlling Report */
.controlling-index .controlling-report .table,
.advanced-controlling-index .controlling-report .table {
    font-size: 13px;
}

.controlling-index .controlling-report .table tr>td,
.advanced-controlling-index .controlling-report .table tr>td {
    padding: 3px 8px;
}

.controlling-index button.print-report,
.advanced-controlling-index button.print-report {
    color: #004D80;
}

.controlling-index .report-visibility,
.advanced-controlling-index .report-visibility {
    border-bottom: none;
}

.controlling-index .report-visibility a,
.advanced-controlling-index .report-visibility a {
    color: #004D80;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.controlling-index .report-visibility label,
.advanced-controlling-index .report-visibility label {
    font-size: 13px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* Controlling Chart */
.controlling-index .chart-container,
.advanced-controlling-index .chart-container {
    position: relative;
    min-height: 300px;
}


/* Kartik Spinner */
.controlling-index #spinner-overlay,
.advanced-controlling-index #spinner-overlay {
    position: fixed;
    display: none;
    background: #fff;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

.controlling-index #spinner-overlay .kv-spin,
.advanced-controlling-index #spinner-overlay .kv-spin {
    position: unset;
}

/* Select2 Bugfix */
.select2-container .select2-search__field {
    width: 100% !important;
}

.select2-container .select2-search__field::-webkit-input-placeholder,
.select2-container .select2-search__field::placeholder {
    color: #999 !important;
}

#facility-vs-all-form .select2-selection.select2-selection--multiple,
#state-vs-all-form .select2-selection.select2-selection--multiple {
    overflow-y: auto;
    max-height: 168px;
}

.controlling-index .select2-container--krajee .select2-selection__clear,
.advanced-controlling-index .select2-container--krajee .select2-selection__clear {
    top: 0.19rem;
    cursor: pointer;
}


.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

.select2-container .select2-search--inline:first-of-type {
    width: 100%;
}

.select2-container--krajee.select2-container--disabled .select2-selection {
    background-color: #fff;
}


/* mmr reporting */
#mmr-reporting-outpatient-tabs {
    font-size: initial;
}

.chart-container canvas {
    height: 500px;
}

.chart-container.chart-pie canvas {
    height: 800px;
}

.panel-reporting-table {
    overflow-x: auto;
}

.panel-reporting-table table {
    font-size: small;
}

.table-reporting tr.bold td,
.table-reporting td.avg,
.table-reporting tr.avg {
    font-weight: bold;
}

.table-reporting tr.italic td {
    font-style: italic;
}

.table-reporting td:first-of-type {
    white-space: nowrap;
}

.table-reporting th:not(:first-of-type),
.table-reporting td:not(:first-of-type) {
    text-align: center;
}

.table-reporting th.text-left,
.table-reporting td.text-left {
    text-align: left;
}

.table-reporting tr.selected {
    background-color: #ebeeff;
}

table.sortable th {
    cursor: pointer;
}



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

.color-lightgrey {
    color: lightgrey;
}


.btn {
    font-size: initial;
}

.btn-toggle .active,
.btn-toggle .active:hover,
.btn-toggle .active:focus {
    background-color: lightblue;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}