html {
	min-height: 101%;
	margin-bottom: 1px;
    /*   overflow-y: scroll; DO NOT USE THIS! force vertical scrollbar */
}
body { height: auto; }

html.has_sitewide_notice { margin-top: 40px; }
#sitewide_notice { display: none; }
html.has_sitewide_notice #sitewide_notice { display: block; position: fixed; top: 0; width: 100%; text-align: center; line-height: 20px; height: 40px; background: #c4e3f3; color: #31708f; font-size: 12px; padding: 10px 0; }
html.has_sitewide_notice #sitewide_notice button { position: absolute; right: 20px; top: 10px; color: #666; border: none; background: transparent; cursor: pointer; }
html.has_sitewide_notice #site_header { margin-top: 40px; }
html.has_sitewide_notice #site_main { margin-top: 40px; }
html.has_sitewide_notice #nav_secondary { margin-top: 40px; }

body.core-e  {
    padding-top: 50px;
}
@media print {
    body.core-e {
        padding-top: 5px;
    }
}

.form-control {
	padding-right: 4px;
}
.nowrap {
	white-space: nowrap;
}
.popover {
	z-index: 2060;
	/*
	width: 40%;
	*/
	min-width: 200px;
	max-width: 420px;
}
.very-small {
	font-size: 60%;
}
/*
  #BSL0514 [BW] 2018-05-11
  extend modal width for larger viewports
*/
@media (min-width: 768px) {
    .modal-dialog {
        margin: 30px 20px 50px 20px;
        width: auto;
    }
}
@media (min-width: 992px) {
    .modal-dialog {
        margin: 30px 50px 50px 50px;
        width: auto;
    }

    /* .modal-dialog.meeting-modal {
        margin: 30px auto 50px auto;
        width: 900px;
    } */
}
@media (min-width: 1200px) {
    .modal-dialog {
        margin: 30px 100px 50px 100px;
        width: auto;
    }

    /* .modal-dialog.meeting-modal {
        margin: 30px auto 50px auto;
        width: 900px;
    } */
}

/*
  #BSL0514-2 [FX] 2018-05-04
  set the order icon to be the top right corner
*/
tr th.status_funnel_title {
    position: relative;
    cursor: pointer;
}
tr th.status_funnel_title .fa-sort-amount-asc,
tr th.status_funnel_title .fa-sort-amount-desc {
    position: absolute;
    top: 6px;
    right: 6px;
}

/* BSL1339 Fix gap for help-block */
.body-inverted.navicore .help-block {
    margin-top: 0;
    margin-bottom: 0;
}
.body-inverted.navicore .help-block > span:nth-child(1) {
    display: block;
    margin-top: 7px;
    margin-bottom: 5px;
}

/************************************************
				PADDING/MARGIN HELPERS
 ************************************************/
.mt0  { margin-top: 0px;  }
.mt5  { margin-top: 5px;  }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb0  { margin-bottom: 0px;  }
.mb5  { margin-bottom: 5px;  }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.ml0  { margin-left: 0px;  }
.ml5  { margin-left: 5px;  }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mr0  { margin-right: 0px;  }
.mr5  { margin-right: 5px;  }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.pt0  { padding-top: 0px;  }
.pt5  { padding-top: 5px;  }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pb0  { padding-bottom: 0px;  }
.pb5  { padding-bottom: 5px;  }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pl0  { padding-left: 0px;  }
.pl5  { padding-left: 5px;  }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pr0  { padding-right: 0px;  }
.pr5  { padding-right: 5px;  }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.box-red { background: #D00; color: #fff; }

/************************************************
				CUSTOM NAVBAR
 ************************************************/
#site_header {
    top: 0; 
    right: 0;
    left: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
	margin-left: 0;
	margin-right: -10px;
}

.navbar .nav-breadcrumb.breadcrumb {
	background: none;
	margin: 0;
	padding: 0;
}
.navbar-inverse .nav-breadcrumb a {
	color: #999;
}
.nav-inverse .nav-breadcrumb a:hover,
.nav-inverse .nav-breadcrumb a:focus {
	color: #fff;
}
.navbar-inverse .navbar-brand, 
.navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #666;
}
.navbar-inverse .navbar-nav > .active > a {
    color: #222;
    background-color: #fff;
    background-image: none;
    filter: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #2a6496;
    background-color: #fff;
}
.icon-heart {
	position: relative;
	top: -1px;
	display: inline-block;
	line-height: 1;
	width: 14px;
	height: 14px;
}
.small .icon-heart {
	width: 12px;
	height: 12px;
}
.icon-heart img {
	width: 100%;
	height: 100%;
}

.icon-cupola {
	position: relative;
	top: -1px;
	display: inline-block;
	line-height: 1;
	width: 14px;
	height: 14px;
}
.small .icon-cupola {
	width: 12px;
	height: 12px;
}
.icon-cupola img {
	width: 100%;
	height: 100%;
}
#message-center-popover {
    position: fixed;
}
/*
  #BSL0687 [JJ] 2018-12-13
  Need to change the collapse size for #site_header 
  navbar from 768px to 1200px.
  Some other adjustments to padding on mid sizes
  to keep things from running into each other.
*/
@media (min-width: 1200px) {
    #site_header .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 1400px) {
    #site_header .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px) {
    #site_header .navbar-right {
        float: none !important;
    }
    #site_header .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    #site_header .navbar-right {
        float: right !important;
    }
    #site_header .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}
@media (min-width: 768px) {
    #site_header .navbar-toggle {
        display: inline-block;
    }
    #site_header .navbar-header,
    #site_header .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }
    #site_header .navbar-collapse {
        width: auto;
        border-top: solid 1px #101010;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        -webkit-overflow-scrolling: touch;
        padding-left: 15px;
        padding-right: 15px;
    }
    #site_header .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        max-height: 340px;
        padding-bottom: 0;
        overflow-x: visible !important;
    }
    #site_header .navbar-collapse.in {
        display: block !important;
        overflow-y: auto !important;
    }
    #site_header .navbar-nav {
        float: none;
        margin: 7.5px -15px;
    }
    #site_header .navbar-nav > li {
        float: none;
    }
    #site_header .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #site_header .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    #site_header .navbar-nav .open .dropdown-menu > li > a,
    #site_header .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    #site_header .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        background-color: transparent;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
}
@media (min-width: 1200px) {
    #site_header .navbar-toggle {
        display: none;
    }
    #site_header .navbar-header,
    #site_header .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
   #site_header .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
    }
    #site_header .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    #site_header .navbar-collapse.in {
        overflow-y: visible;
    }
    #site_header .navbar-nav {
        float: left;
        margin: 0;
    }
    #site_header .navbar-nav > li {
        float: left;
    }
    #site_header .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #site_header .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        height: auto !important;
        max-height: 340px;
        overflow-x: visible !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        margin: 2px 0 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    #site_header .navbar-nav .open .dropdown-menu > li > a,
    #site_header .navbar-nav .open .dropdown-menu > li.text-item,
    #site_header .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 3px 20px;
    }
    #site_header .navbar-nav .open .dropdown-menu > li > a,
    #site_header .navbar-nav .open .dropdown-menu > li.text-item {
       line-height: 1.42857143;
    }
    #site_header .navbar-nav .open .dropdown-menu > li.text-item {
       font-style: italic;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: none;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #999;
        background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
        background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-color: #e8e8e8;
    }
    #site_header.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #e5e5e5;
    }
}

/************************************************
				MAIN CONTENT
 ************************************************/
#site_main {
    position: relative;
    z-index: 1000;
}
.has-secondary-nav #site_main {
    padding-top: 51px;
}
@media print {
    .has-secondary-nav #site_main {
        padding-top: 0;
    }
}

/************************************************
				NAV SECONDARY
 ************************************************/
#nav_secondary {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 1020;
    padding: 5px 15px;
    background-color: #fff;
    border-bottom: solid 1px #ddd; 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05);
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
#nav_secondary .navbar-breadcrumb {
    margin: 10px 15px;
    color: #888;
    font-weight: bold;
}

@media print {
    #nav_secondary {
        display: none;
    }
}

/************************************************
				SEARCH RESIDENTS etc.
 ************************************************/
#adv-search-tray {
	display: none;
	margin-top: 10px;
}

/************************************************
				STATUS BOX
 ************************************************/

.status-box ,
.status-box .well ,
.status-box .form-group {
	margin-bottom: 0;
}

/************************************************
				DATEPICKER, TIMEPICKER
 ************************************************/

.datepicker ,
.bootstrap-timepicker-widget {
	z-index: 3555 !important;
}

/************************************************
				TABLE VIEWS
 ************************************************/
@media (max-width: 767px) {
    .table-responsive>.table>thead>tr>th, 
    .table-responsive>.table>tbody>tr>th, 
    .table-responsive>.table>tfoot>tr>th, 
    .table-responsive>.table>thead>tr>td, 
    .table-responsive>.table>tbody>tr>td, 
    .table-responsive>.table>tfoot>tr>td {
        white-space: inherit; /* Bootstrap default is "nowrap" for responsive tables */
    }
}
 
td.border-left,
th.border-left {
	border-left: 2px solid #ddd !important;
}
td.date-cell,
th.date-cell {
	min-width: 75px;
	max-width: 180px;
}
td.note-cell,
th.note-cell {
	min-width: 140px;
	width: 30%;
}
td.date-cell input,
th.date-cell input {
	margin-bottom: 2px;
}
td.button-cell,
th.button-cell {
	min-width: 70px;
}
td.who-cell,
th.who-cell {
	min-width: 160px;
}
.table>thead>tr>td.history_sort_row, 
.table>tbody>tr>td.history_sort_row, 
.table>tfoot>tr>td.history_sort_row, 
.table>thead>tr>th.history_sort_row, 
.table>tbody>tr>th.history_sort_row, 
.table>tfoot>tr>th.history_sort_row, 
.table>thead>tr.history_sort_row>td, 
.table>tbody>tr.history_sort_row>td, 
.table>tfoot>tr.history_sort_row>td, 
.table>thead>tr.history_sort_row>th, 
.table>tbody>tr.history_sort_row>th, 
.table>tfoot>tr.history_sort_row>th {
	background-color: #fcf8e3;
}
.table-tight>tbody>tr>th,
.table-tight>tfoot>tr>th,
.table-tight>thead>tr>td,
.table-tight>tbody>tr>td,
.table-tight>tfoot>tr>td {
	padding:1px
}
.table>thead>tr.report-row-pad>td,
.table>tbody>tr.report-row-pad>td,
.table>tfoot>tr.report-row-pad>td,
.table>thead>tr.report-row-pad>th,
.table>tbody>tr.report-row-pad>th,
.table>tfoot>tr.report-row-pad>th {
	padding: 2px;
	font-size: 2px;
	content: " ";
	background: none !important;
	border: none !important;
}

/*
  #BSL0237 [BW] 2017-12-29
  override DataTables forcing a right padding on some th cells
*/
table.dataTable>thead>tr>th.column-filter {
    padding-right: 8px;
}
table.table-condensed.dataTable>thead>tr>th.column-filter {
    padding-right: 5px;
}

/*
    #BSL0489 [BW] 2018-05-25
    add class "table-striped-x2" for 2 row striping
*/
table.table-striped-x2>tbody>tr:nth-child(4n-1)>th, 
table.table-striped-x2>tbody>tr:nth-child(4n-1)>td, 
table.table-striped-x2>tr:nth-child(4n-1)>th, 
table.table-striped-x2>tr:nth-child(4n-1)>td, 
table.table-striped-x2 tr:nth-child(4n-1) th, 
table.table-striped-x2 tr:nth-child(4n-1) td, 
table.table-striped-x2>tbody>tr:nth-child(4n)>th, 
table.table-striped-x2>tbody>tr:nth-child(4n)>td, 
table.table-striped-x2>tr:nth-child(4n)>th, 
table.table-striped-x2>tr:nth-child(4n)>td, 
table.table-striped-x2 tr:nth-child(4n) th, 
table.table-striped-x2 tr:nth-child(4n) td  {
    background: #f9f9f9;
}

/*
    #BSL0637 [BW] 2018-10-11
    header row background color for all tables
*/
.table tr.header-row,
.table tr.header-row,
.table>tbody>tr.header-row:nth-child(odd)>td,
.table>tbody>tr.header-row:nth-child(odd)>th,
.table-striped tr.header-row,
.table-striped tr.header-row,
.table-striped>tbody>tr.header-row:nth-child(odd)>td,
.table-striped>tbody>tr.header-row:nth-child(odd)>th,
.table-striped-x2 tr.header-row,
.table-striped-x2 tr.header-row,
.table-striped-x2>tbody>tr.header-row:nth-child(odd)>td,
.table-striped-x2>tbody>tr.header-row:nth-child(odd)>th {
    background: #e6e6e6;
}

.panel>.table-bordered.table-loose-in-panel,
.panel>.table-responsive>.table-bordered.table-loose-in-panel {
    border-bottom: 1px solid #ddd;
}


/************************************************
				REPORTS
 ************************************************/
@media print {

  a[href]:after {
    content: "";
  }
  
  .btn-report-reload {
	 display: none;
  }	
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    width: 100%;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
  }
}

/* special settings for chart tables with 52 columns, to match highcharts output */
table.chart-table.chart-table-52 th, 
table.chart-table.chart-table-52 td {
	width: 1.3%;
}
table.chart-table.chart-table-52 th:first-child, 
table.chart-table.chart-table-52 td:first-child {
	width: 2%;
}
table.chart-table.chart-table-52 th:last-child, 
table.chart-table.chart-table-52 td:last-child {
	padding-right: 13px;
}

/*
    #BSL0511 [BW] 2018-04-19, 2018-06-07
    charts for printing. nicely fits on 8.5x11 sheet, usually 3 per page.
*/
.chart-content.chart-for-print {
	max-height: 255px;
    max-width: 750px;
    padding-bottom: 5px;
}
/*
.panel-body .panel .chart-content.chart-for-print {
    max-width: 700px;
}
*/
.col-xs-2 .chart-content.chart-for-print,
.col-sm-2 .chart-content.chart-for-print,
.col-md-2 .chart-content.chart-for-print,
.col-lg-2 .chart-content.chart-for-print,
.col-xl-2 .chart-content.chart-for-print {
    max-width: 110px;
}
.panel-body .panel .col-xs-2 .chart-content.chart-for-print,
.panel-body .panel .col-sm-2 .chart-content.chart-for-print,
.panel-body .panel .col-md-2 .chart-content.chart-for-print,
.panel-body .panel .col-lg-2 .chart-content.chart-for-print,
.panel-body .panel .col-xl-2 .chart-content.chart-for-print {
    max-width: 100px;
}

.report-is-editable-only {
	display: none;
}
.report-is-editable .report-is-editable-only {
	display: block;
}
.report-is-editable tr.report-is-editable-only {
	display: table-row;
}

/* table rollup */
tr.rollup td,
tr.rollup th {}
tr.rollup.rollup-active td,
tr.rollup.rollup-active th {}
tr.rollup-child {
	display: none;
}
tr.rollup-child td,
tr.rollup-child th {}
tr.rollup-child.rollup-active {
	display: table-row;
}
tr.rollup-child.rollup-active td,
tr.rollup-child.rollup-active th {}


tr.ajax-rollup td,
tr.ajax-rollup th {}
tr.ajax-rollup.ajax-rollup-active td,
tr.ajax-rollup.ajax-rollup-active th {}
tr.ajax-rollup-child {
	display: none;
}
tr.ajax-rollup-child td,
tr.ajax-rollup-child th {}
tr.ajax-rollup-child.ajax-rollup-active {
	display: table-row;
}
tr.ajax-rollup-child.ajax-rollup-active td,
tr.ajax-rollup-child.ajax-rollup-active th {}

/* Future effective dates in Target Staffing Hours */
td.future-effective-date {
	position: relative;
	padding: 8px;
}
td.future-effective-date span {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 10px;
}

/* progress bar */
.progress-bar-container {
    position: relative;
    min-height: 20px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
@media (min-width: 992px) {
    .progress-bar-container {
        width: 82%;
        margin-left: 8%;
        margin-right: 8%;
    }
}
@media (min-width: 1200px) {
    .progress-bar-container {
        width: 88%;
        margin-left: 6%;
        margin-right: 6%;
    }
}
.progress-bar-container.progress-bar-show-target {
    min-height: 40px;
}
.progress-bar-container .progress-bar-target {
    position: absolute;
    top: 0px;
    text-align: center;
    line-height: 80%;
}
.progress-bar-container .progress-bar-target div {
    position: absolute;
    top: -5px;
    left: -50px;
    width: 100px;
    height: 50px;
}
.progress-bar-container .progress-bar-target small {
    font-size: 70%;
    line-height: 80%;
}
.progress-bar-container .progress-bar-target .progress-bar-target-line {
    position: absolute;
    width: 50%;
    border-right: 3px solid #000;
    height: 50%;
    left: 0;
    bottom: 2px;
}
.progress-bar-container .progress-bar-progress {
    position: relative;
    text-align: center;
    color: #fff;
    background: #999;
    height: 50%;
    width: 100%;
}
.progress-bar-container.progress-bar-show-target .progress-bar-progress {
    top: 20px;
}
.progress-bar-container .progress-bar-progress small {
    position: relative;
    z-index: 1000;
}
.progress-bar-container .progress-bar-progress span {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    background: #55a756; /* #3c763d; */
    border-right: 1px solid #666;
}
.progress-bar-container .progress-bar-progress.progress-bar-progress-behind span {
    background: #c12e2a;
}


/************************************************
				NAV PILLS
 ************************************************/
.nav-pill-success a {
	background: #c1e2b3;
	color: #3c763d;
}
.nav-pill-success.active a,
.nav-pill-success.active:hover a {
	background: #5cb85c !important;
} 
.nav-pill-success:hover a {
	background: #dff0d8 !important;
}

.nav-pill-warning a {
	background: #f0ad4e;
	color: #fff;
}
.nav-pill-warning.active a,
.nav-pill-warning.active:hover a {
	background: #eb9316 !important;
} 
.nav-pill-warning:hover a {
	background: #eb9316 !important;
}

.nav-pill-error a {
	background: #a94442;
	color: #fff;
}
.nav-pill-error.active a,
.nav-pill-error.active:hover a {
	background: #ca3c3a !important;
} 
.nav-pill-error:hover a {
	background: #9d3735 !important;
}

.nav-pills > li.disabled a {
    background: #eee;
    color: #999;
}
/************************************************
				LIST GROUP ITEMS
 ************************************************/
 
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
color: #777;
cursor: not-allowed;
background-color: #eee;
}

.list-group.list-group-striped .list-group-item:nth-child(odd) {
	background-color: #f9f9f9;
}
 
/************************************************
				DETAIL WELL CELL
 ************************************************/
.bff_associations table>tbody>tr>th {
	border-top:none;
	padding-top: 0;
}
.bff_associations table>tbody>tr>td {
	width: 170px;
}

.bff_associations,
.bff-immunizations {
	 overflow-y: scroll;
}

.bff_associations {
	 max-height: 121px;
}
.bff-immunizations {
	 max-height: 221px;
}


/*
  #BSL0687 [JJ] 2018-12-21
*/
/************************************************
				BFF SUMMARY HEADER
 ************************************************/
#bff_summary_header {
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #f9f9f9;
    border-bottom: solid 1px #ddd; 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05);
            box-shadow: 0 1px 3px rgba(0,0,0,.05);
    -webkit-transition: height 1s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
}
@media (min-width: 992px) {
    #bff_summary_header {
        position: fixed;
        top: 50px;
        right: 0;
        left: 0;
        z-index: 1010;
        margin-right: 0;
        margin-left: 0;
    }
}
#bff_summary_header.bff-summary-sticky {
}
.has-secondary-nav #bff_summary_header {
    top: 101px;
}
#bff_summary_persistent {
    display: none;
    opacity: 0;
    height: 0;
    transform: translateY(-100%);
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
}
@media (min-width: 992px) {
    .bff-summary-sticky #bff_summary_persistent {
        display: block;
        opacity: 1;
        height: auto;
        transform: translateY(0);
    }
}
#bff_summary_card {
    display: block;
    opacity: 1;
    height: auto;
    transform: translateY(0);
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
}
@media (min-width: 992px) {
    .bff-summary-sticky #bff_summary_card {
        display: none;
        opacity: 0;
        height: 0;
        transform: translateY(-100%);
    }
}
#bff_summary_card .img-profile {
    max-height: 120px;
}



/************************************************
				DUPLICATE CHECK
 ************************************************/
.duplicate-check {
	width: 100%;
	padding: 0;
}
.duplicate-content {
	max-height: 250px;
	overflow-y: scroll;
}
.duplicate-loading .duplicate-content {
	padding: 0;
}
.duplicate-content table {
	width: 100%;
}

/************************************************
				PLACEHOLDER
 ************************************************/

.placeholder { color: #a0a0a0; }
::-webkit-input-placeholder { color: #a0a0a0; }
:-moz-placeholder { color: #a0a0a0; }


/************************************************
				ACTIVITY DATE GRID
 ************************************************/

.activity_cal {
	margin-bottom: 15px;
	padding: 2px 0;
	overflow: hidden;
}
.activity_cal table {
	width: 100%;
	min-width: 180px;
}
.activity_cal table tr td,
.activity_cal table tr th {
	text-align: center;
	width: 15px;
	min-width: 15px;
	height: 30px;
	border-radius: 4px;
	border: none;
	padding: 5px 3px;
}
.date-cal-item:hover {
	background: #f3f3f3;
	cursor: pointer;
}
.date-cal-item.date-grid-count-low {
	background: #99e1ff;
	color: #fff;
}
.date-cal-item.date-grid-count-medium {
	background: #4bb4e1;
	color: #fff;
}
.date-cal-item.date-grid-count-high {
	background: #428bca;
	color: #fff;
}
.date-cal-item.date-grid-today {
	background: #ffdb99;
}
.date-cal-item.date-grid-next-target {
	border: 1px solid #dd0000;
	border-radius: 4px;
}
.date-cal-item.date-grid-next-scheduled {
	background: #5cb85c; /* #ff99ee; */
	color: #fff;
}
.date-cal-item.date-grid-last {
	background: #dd0000; /* #5cb85c; */
	color: #fff;
}
#activity-add, .activity-add {
	float:right;
	margin-left: 10px;
}
h3.popover-title {
	line-height: 22px;
}

.popover .table {
	margin: 0;
}
.popover .popover-content {
	max-height: 250px;
	overflow-y: auto;
}

.activity-label {
    padding: 8px;
    margin: 0px 4px 8px 4px;
}
.activity-label-next-scheduled {
    background-color: #bdf;
}
.activity-label-next-target {
    padding: 4px;
    border: 4px solid #bdf;
}
.activity-label-last {
    background-color: #FFd;
}

/************************************************
				ACTIVITY LISTINGS
 ************************************************/
.activity-person-list,
.activity-bfm-list {
	padding-left: 15px;
	margin-left: 0;
}
.activity-person-list li,
.activity-bfm-list li {
} 

.table-striped > tbody.bg-danger > tr:nth-child(odd) > td, 
.table-striped > tbody.bg-danger > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd).bg-danger > td, 
.table-striped > tbody > tr:nth-child(odd).bg-danger > th,
.table-striped > tbody > tr:nth-child(odd) > td.bg-danger, 
.table-striped > tbody > tr:nth-child(odd) > th.bg-danger {
	background: #f2dede;
}
.table-striped > tbody.bg-warning > tr:nth-child(odd) > td, 
.table-striped > tbody.bg-warning > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd).bg-warning > td, 
.table-striped > tbody > tr:nth-child(odd).bg-warning > th,
.table-striped > tbody > tr:nth-child(odd) > td.bg-warning, 
.table-striped > tbody > tr:nth-child(odd) > th.bg-warning {
	background: #fcf8e3;
}
.table-striped > tbody.bg-info > tr:nth-child(odd) > td, 
.table-striped > tbody.bg-info > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd).bg-info > td, 
.table-striped > tbody > tr:nth-child(odd).bg-info > th,
.table-striped > tbody > tr:nth-child(odd) > td.bg-info, 
.table-striped > tbody > tr:nth-child(odd) > th.bg-info {
	background: #d9edf7;
}
.table-striped > tbody.bg-success > tr:nth-child(odd) > td, 
.table-striped > tbody.bg-success > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd).bg-success > td, 
.table-striped > tbody > tr:nth-child(odd).bg-success > th,
.table-striped > tbody > tr:nth-child(odd) > td.bg-success, 
.table-striped > tbody > tr:nth-child(odd) > th.bg-success {
	background: #dff0d8;
}


/************************************************
				ACTIVITY LISTINGS - BRANCH
 ************************************************/
.activity-list-view-fields,
.activity-list-view-button {
	display: block;
}
.activity-list-edit-fields,
.activity-list-edit-button {
	display: none;
}



/************************************************
				CALENDAR (FullCalendar)
 ************************************************/
#external-events h4 {
	margin-top: 0;
}
#external-events .fc-event {
	margin: 8px 0;
	padding: 1px;
	cursor: pointer;
	background-color: #428bca;
}
#external-events p {
	margin: 1.5em 0;
	font-size: 11px;
	color: #666;
}	
#external-events p input {
	margin: 0;
	vertical-align: middle;
}	
.external-events-undraggable .fc-event {
	margin: 8px 0;
	padding: 1px;
	cursor: pointer;
}
.external-events-undraggable p {
	margin: 1.5em 0;
	font-size: 11px;
	color: #666;
}
.external-events-undraggable p input {
	margin: 0;
	vertical-align: middle;
}
.empty-mentor-select{
	border-color: red;
}
.missing-times-block{
	color: #FFFFFF;
	background-color:red;
}

/* allow printing of the whole calendar view, esp. day/week views */
@media print {
    .fc-time-grid-container {
        height: auto !important;
    }
}
/* keep the day/week views from getting super tall (on really wide viewports), and starting at 12am instead of 6am */
@media screen {
    .fc-time-grid-container {
        max-height: 600px !important;
    }
}

/* SHADE DAYS IN THE PAST */
td.fc-day.fc-past {
    background-color: #EEEEEE;
}
.fc-content-locked {
    background-image: url('../imgD/diagonal_20.png');
}

/* Vertical Scroll Box (for training sidebars that can get really tall) */
.vertical-scroll-box {
    height: auto;
    max-height: 550px;
    overflow-y: auto;
}


/************************************************
				TRIMMED COLUMNS
 ************************************************/
.col-trim-right {
	padding-right: 5px;
}
.col-trim-left {
	padding-left: 5px;
}

 
/************************************************
				LOADING DIV
 ************************************************/

.loading {
	display: block;
	margin: 0 0 10px 0;
	padding: 50px;
	background: #f6f6f6;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	color: #bbb;
	
	/* borrowed from Bootstrap */
	background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	
}
.panel>.loading {
	margin-bottom: 0;
}

.flash,
.flash td {
    -webkit-transition: background-color 2s ease-in;
    -moz-transition: background-color 2s ease-in;
    -o-transition: background-color 2s ease-in;
    transition: background-color 2s ease-in;
}
.flash-on,
.flash-on td {
    background-color: #fcf8e3 !important;
}



/************************************************
				SCROLLING BOX
 ************************************************/
.scroll-vertical {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
textarea {
	resize: vertical;
}

/************************************************
				NAVICORE PROCESS
 ************************************************/

html.html-inverted {
	background: #666;
}
body.body-inverted { 
	border: 10px solid #666;
	background: #e6e6e6;
}
.well-inverted{
	background: #fff;
	border-color:#dcdcdc;
	-webkit-box-shadow:outset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	box-shadow:outset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
}

/************************************************
				DISABLED PANELS
 ************************************************/

/* #BSL0488 [BW] 2018-04-06 */
.nav-pills > li.disabled a {
    background: #eee;
    color: #999;
}

.panel.disabled,
.panel.panel-default.disabled {
    border-color: #ddd;
}
.panel.disabled > .panel-heading,
.panel.panel-default.disabled > .panel-heading {
    color: #999;
    background: #ddd;
    border-color: #ddd;
}
.panel.disabled > .panel-body,
.panel.panel-default.disabled > .panel-body {
    border-top-color: #ddd;
    background: #eee;
    color: #999;
}
.panel.disabled > .panel-body input,
.panel.panel-default.disabled > .panel-body input,
.panel.disabled > .panel-body select,
.panel.panel-default.disabled > .panel-body select,
.panel.disabled > .panel-body textarea,
.panel.panel-default.disabled > .panel-body textarea {
    background: #eee;
    color: #999;
}
.row.disabled {
    background: #eee;
    color: #999;
}

/************************************************
				DROPZONE
 ************************************************/

.btn-question-attachment-remove {
	position: relative;
	margin-top: -10px;
}


/************************************************
				SELECT2 CUSTOMIZATION
 ************************************************/
li.select2-result.select2-result-unselectable.select2-disabled div.select2-result-label {
	cursor: default;
	font-style: italic;
	color: #999;
}
 
 
/************************************************
				SORTABLE PHONE NUMBERS
 ************************************************/

/* show the move cursor as the user moves the mouse over the panel header.*/
.phone-group label {
    cursor: move;
}


/************************************************
				SORTABLE PHONE NUMBERS
 ************************************************/
.multi-row {
	margin-bottom: 10px;
}


/************************************************
				SCORM FRAME
 ************************************************/
.scorm-frame {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	min-height: 560px;
	height: 660px;
	position: relative;
}

/************************************************
				49/51 Balanced Scorecard
				#BSL0215
 ************************************************/
.table-scorecard>thead>tr>th,
.table-scorecard>tbody>tr>th,
.table-scorecard>tfoot>tr>th,
.table-scorecard>thead>tr>td,
.table-scorecard>tbody>tr>td,
.table-scorecard>tfoot>tr>td {
    border: 0;
}
table.table-scorecard td.scorecard {
    border: 1px solid #333;
    width: 18%;
    min-width: 85px;
    padding: 40px 8px;
}
@media (max-width: 767px) {
    table.table-scorecard td.scorecard {
        padding: 25px 8px;
    }
}
.scorecard-1 {
    border-color: #333 !important;
    background: #673273;
    color: #fff;
}
.scorecard-2 {
    border-color: #333 !important;
    background: #697D35;
    color: #fff;
}
.scorecard-3 {
    border-color: #333 !important;
    background: #C7C96C;
    color: #000;
}
.scorecard-4 {
    border-color: #333 !important;
    background: #9DBEC8;
    color: #000;
}
.scorecard-5 {
    border-color: #333 !important;
    background: #9C456C;
    color: #fff;
}
.scorecard-1 a,
.scorecard-2 a,
.scorecard-5 a {
	color: #fff;
	text-decoration: underline;
}
.scorecard-3 a,
.scorecard-4 a {
	color: #344F80;
	text-decoration: underline;
}

.scorecard-view-bfm-name .glyphicon-eye-open {
    color: #000;
}

table.table-scorecard table {
    width: 100%;
}
table.table-scorecard table td {
}


/* used for Scorecard - Review Matrix - Division and Scorecard - Review Matrix - Company
   #BSL0217 [BW] 2017-11-29
*/
.scorecard-matrix-grid {
    height: 100%;
    width: 100%;
    padding: 0;
    margin :0;
    position: relative;
}
.scorecard-matrix-grid table {
    height: 100%;
    width: 100%;
}
.scorecard-matrix-grid-point {
    position: absolute;
    display: block;
}
.scorecard-matrix-grid-point:hover {
    z-index: 10000;
}
.scorecard-matrix-grid-point:before {
    content: "•";
    color: #333;
    font-size: 35px;
    position: relative;
    top: -25px;
    left: -7px;
}
.scorecard-matrix-grid-point span {
    position: relative;
    left: -50%;
    top: -76px;
    display: block;
    width: auto;
    padding: 1px 4px;
    border: 1px solid #333;
    background: #fff;
    font-size: 10px;
    white-space: nowrap;
}




/************************************************
				VUE OVERRIDES
 ************************************************/
.el-dialog {
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}
@media (min-width: 768px) {
    .el-dialog {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }
    
}
.el-dialog__header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.el-dialog__title {
    margin: 0;
    color: #333;
    line-height: 1.42857143;
}






/************************************************
				DEVELOPMENT / STAGING / LIVE
 ************************************************/
html {
  height: 100%;
}
body {
  min-height: 100%;
}
.live-server body {
	border: 4px solid #67fab5;
	padding-bottom: 30px;
 }
.staging-server body {
	border: 4px solid #f96565;
	padding-bottom: 30px;
}
#staging-server-notice:before {
	display: none;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
}
.live-server #staging-server-notice:before {
	display: block;
	background: #67fab5;
	color: #065631;
	content: 'LIVE SERVER';
}
.staging-server #staging-server-notice:before {
	display: block;
	background: #f96565;
	color: #800505;
	content: 'STAGING SERVER';
}
.simulate-th {
    font-weight: bolder;
}
.row-stripe-on {
    background-color: #f9f9f9;
}
.table>thead:first-child>tr.thead-first:first-child>td {
    border-top: 2px solid #ddd;
}

@media print {
    body,
    .live-server body,
    .staging-server body {
        border: none;
    }
    #staging-server-notice,
    #staging-server-notice:before {
        display: none;
    }
}

.live-server #site_header {
    top: 0;
    right: 4px;
    left: 4px;
    border-top: solid 4px #67fab5;
}
.staging-server #site_header {
    top: 0;
    right: 4px;
    left: 4px;
    border-top: solid 4px #f96565;
}
.live-server #nav_secondary {
    top: 54px;
    right: 4px;
    left: 4px;
}
.staging-server #nav_secondary {
    top: 54px;
    right: 4px;
    left: 4px;
}
.live-server #bff_summary_header {
    top: 54px;
    right: 4px;
    left: 4px;
}
.staging-server #bff_summary_header {
    top: 54px;
    right: 4px;
    left: 4px;
}
.live-server .has-secondary-nav #bff_summary_header {
    top: 105px;
}
.staging-server .has-secondary-nav #bff_summary_header {
    top: 105px;
}


.not-optimized {
    background-color: #d9534f;
	border-radius: 4px;
    color: #fff;
    margin-left: 10px;
    padding: 3px 6px;
}

.rgra-senior-advisor {
    background-color: #428bca;
    color: #fff;
    margin-left: 10px;
    padding: 3px 6px;
}

.table-bordered>tbody>tr>td.hide-left-border,
.table-bordered>tbody>tr>th.hide-left-border {
    border-left: none;
}

.table-bordered>tbody>tr>td.hide-right-border,
.table-bordered>tbody>tr>th.hide-right-border {
    border-right: none;
}

.margin-right-5 {
    margin-right: 5px;
}

/************************************************
				PRINT STYLES
 ************************************************/
@media print {

  a[href]:after {
    content: "";
  }
  
  .btn-report-reload {
	 display: none;
  }	
  h2 {
	  margin: 2px 0;
	  font-size: 14px;
	  text-align: center;
  }

  /* Print viewport may be <768px wide, so we should hijack col-sm-* */
  .col-sm-1  {   float: left; width:  8.33333333%;   }
  .col-sm-2  {   float: left; width: 16.66666667%;   }
  .col-sm-3  {   float: left; width: 25.00000000%;   }
  .col-sm-4  {   float: left; width: 33.33333333%;   }
  .col-sm-5  {   float: left; width: 41.66666667%;   }
  .col-sm-6  {   float: left; width: 50.00000000%;   }
  .col-sm-7  {   float: left; width: 58.33333333%;   }
  .col-sm-8  {   float: left; width: 66.66666667%;   }
  .col-sm-9  {   float: left; width: 75.00000000%;   }
  .col-sm-10 {   float: left; width: 83.33333333%;   }
  .col-sm-11 {   float: left; width: 91.66666667%;   }

  .panel {
      margin-top: 5px;
	  margin-bottom: 15px;
      border: 1px solid #999;
      /* page-break-inside: avoid; */
      position: relative;
  }
  .panel .panel-heading {
      padding: 10px;
      font-size: 11px;
      position: relative;
      overflow: hidden;
  }
  /*
  #BSL0511 [BW] 2018-06-07
  header background
  */
  .panel .panel-heading:before,
  .panel .panel-heading:after {
      content: "";
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom: 100px solid #F6F6F6;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
  }
  .panel .panel-heading:before {
    border-left-width: 708px;
  }
  .panel .panel-heading:after {
      border-right-width: 708px;
  }
  .panel .panel-heading > * {
      z-index: 10;
      position: relative;
  }
  .panel .panel-heading h4 {
	  float: left;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    width: 100%;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
    padding: 1px;
    font-size: 11px;
  }  
  
  .inline-form {
	  margin: 0 10px;
	  padding: 0;
  }

  .form-control {
      margin: 0 3px;
  }
  .form-control.input-sm {
	padding: 1px;
	font-size: 11px;
  }

  /*
  #BSL0511 [BW] 2018-06-07
  Pretty printing
   */
  .very-small {
    font-size: 5px !important;
  }
  .print-header {
      width: 100%;
      text-align: center;
      font-size: 10px;
      position: fixed;
      top: 0;
  }
  .print-footer {
    width: 100%;
    text-align: center;
    font-size: 10px;
    position: fixed;
    bottom: 0;
  }
  
}

table.table-bordered.dataTable.has-row-span td:last-child {
    border-right-width: 1px;
}