#bootstrap-override .modal-body button:focus,
#bootstrap-override .modal-body select:focus,
#bootstrap-override .modal-body textarea:focus,
#bootstrap-override .modal-body input:focus,
#bootstrap-override .modal-footer button:focus {
    border-color: #000000;
    box-shadow: 0 0 3px #000000;
}
body.help {
  background-color: #fff;
}
body.help div.header {
  background-color: #eee;
  padding: 10px;
}
body.help div.body {
  padding: 10px;
}
body.app {
  background-color: #cde;
  font-size: 9pt;
  font-family: Tahoma !important;
}
#bootstrap-override input,
#bootstrap-override button,
#bootstrap-override select,
#bootstrap-override textarea,
#bootstrap-override a,
#bootstrap-override td,
#bootstrap-override span,
#bootstrap-override div,
#bootstrap-override p
{
  font-size: 9pt;
  font-family: Tahoma !important;
}
#bootstrap-override #pageContent input[type=text],
#bootstrap-override #pageContent input[type=search],
#bootstrap-override #pageContent textarea,
#bootstrap-override #pageContent .ta-editor
{
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #aaa;
}
#bootstrap-override #pageContent select
{
  padding-left: 0px;
  padding-right: 0px;
  border: 1px solid #aaa;
}
.wait * {
    cursor: wait!important
}
h1 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 20px;
  color: #993333;
  font-weight: bold;
}
h2 {
  margin: 10px 0 5px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}
h3 {
  margin: 10px 0 5px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}
hr {
  border: 1px solid #999999;
  margin: 10px 0px;
}
nav.navbar {
  margin-bottom: 5px;
}
nav.navbar-header-not-prod a.navbar-brand {
  background-color: #fc6 !important;
}
table.table {
  margin-bottom: 0px;
}
#bootstrap-override #pageContent .top-border,
#bootstrap-override .modal-body .top-border {
  border-top: 1px solid #7F9DB9;
}
#bootstrap-override #pageContent .bottom-border {
  border-bottom: 1px solid #7F9DB9;
}
#bootstrap-override #pageContent .top-border-gray {
  border-top: 1px solid #999;
}
#bootstrap-override #pageContent .bottom-border-gray {
  border-bottom: 1px solid #999;
}
#bootstrap-override .line-through,
#bootstrap-override .strike-through {
  text-decoration: line-through;
}
.image-pencil {
    background: url(/assets/img/pencil_16.png) no-repeat 0px center;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    display: inline-block;
    opacity: 0.6;
}
.image-pencil:hover {
    opacity: 1;
}
.image-history {
    background: url(/assets/img/history.png) no-repeat 0px center;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    display: inline-block;
    opacity: 0.6;
}
.image-history:hover {
    opacity: 1;
}

#bootstrap-override .dialog-banner {
    margin: -11px -10px 0 -10px;
    padding: 10px;
    border: none;
    background-color: #ff9;
}
#bootstrap-override .alert-warning {
    background-color: #ff9;
}
#bootstrap-override .alert-info {
    background-color: #cff;
}
#bootstrap-override .bold {
    font-weight: bold;
}
#bootstrap-override [ng-click],
#bootstrap-override [data-ng-click],
#bootstrap-override [x-ng-click] {
  cursor: pointer;
}
#bootstrap-override span[uib-tooltip],
#bootstrap-override span[data-uib-tooltip] {
  cursor: pointer;
  color: red;
  font-weight: bold;
  font-size: large;
}
#bootstrap-override table.table-listbox {
    background-color: #fff;
}

    #bootstrap-override table.table-listbox tbody tr.selected,
    #bootstrap-override table tbody tr.selected,
    #bootstrap-override table tbody tr.selected a {
        color: #fff !important;
        background-color: #0099ff !important;
    }
        #bootstrap-override table tbody tr.selected a:hover {
            color: orange !important;
        }
#bootstrap-override .table-listbox > thead > tr > th,
#bootstrap-override .table-listbox > tbody > tr > th,
#bootstrap-override .table-listbox > tfoot > tr > th,
#bootstrap-override .table-listbox > thead > tr > td,
#bootstrap-override .table-listbox > tbody > tr > td,
#bootstrap-override .table-listbox > tfoot > tr > td {
  padding: 0px 5px;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #ccc;
  overflow-x: hidden
}
#bootstrap-override #pageContent table.table > thead > tr > th,
#bootstrap-override #pageContent table.table > tbody > tr > th,
#bootstrap-override #pageContent table.table > tfoot > tr > th,
#bootstrap-override #pageContent table.table > thead > tr > td,
#bootstrap-override #pageContent table.table > tbody > tr > td,
#bootstrap-override #pageContent table.table > tfoot > tr > td {
  border-color: transparent;
}
#bootstrap-override #pageContent table.table-bordered > thead > tr > th,
#bootstrap-override #pageContent table.table-bordered > tbody > tr > th,
#bootstrap-override #pageContent table.table-bordered > tfoot > tr > th,
#bootstrap-override #pageContent table.table-bordered > thead > tr > td,
#bootstrap-override #pageContent table.table-bordered > tbody > tr > td,
#bootstrap-override #pageContent table.table-bordered > tfoot > tr > td {
  border-color: #ddd;
}
#bootstrap-override #pageContent td.do-nothing {
    padding: 0px !important;
}
#bootstrap-override #pageContent td.do-nothing button {
    height: 1px;
    margin: 0px;
    padding: 0px;
    width: 0px;
    border: none;
}
#bootstrap-override #pageContent table.table-white {
  background-color: #fff;
}
#bootstrap-override #pageContent table.table-yellow {
  background-color: #ff9;
}
#bootstrap-override #pageContent tr.hightlight-row {
  background-color: #ff9;
}
#bootstrap-override #pageContent table.child-table {
  margin-bottom: 0px;
}
#bootstrap-override #pageContent table.child-table td.links {
  white-space: nowrap;
}
#bootstrap-override #pageContent table.child-table td.links a.not-first-link {
  margin-left: 5px;
}
#bootstrap-override #pageContent .browse-case-table {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 0px; 
    background-color: #eee;
}
#bootstrap-override #pageContent .browse-case-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#bootstrap-override #pageContent .browse-case-col-button { max-width: 1px!important; padding:0px; margin: 0px;}
#bootstrap-override #pageContent .browse-case-col-id { width: 50px; text-align: center; }
#bootstrap-override #pageContent .browse-case-col-num { width: 80px; }
#bootstrap-override #pageContent .browse-case-col-cmfsubject { width: 100%; }
#bootstrap-override #pageContent .browse-case-col-birthdate { width: 100px; }
#bootstrap-override #pageContent .browse-case-col-requesttype { width: 150px; }
#bootstrap-override #pageContent .browse-case-col-processstatus { width: 130px; }
#bootstrap-override #pageContent .browse-case-col-statusdate { width: 100px; }
#bootstrap-override #pageContent .browse-case-col-dateopened { width: 100px; }
#bootstrap-override #pageContent .browse-case-col-nextstep { width: 120px; }
#bootstrap-override #pageContent .browse-case-col-mandate { width: 100px; }
#bootstrap-override #pageContent .browse-case-col-reminder {  width: 85px; text-align: center; } /* must specify width because 'table-layout: fixed' only pays attention to widths set in the first row*/
#bootstrap-override #pageContent .browse-case-col-reminderdue { width: 40px; text-align: center; }
#bootstrap-override #pageContent .browse-case-col-reminderover { width: 45px; text-align: center; }
#bootstrap-override #pageContent .browse-case-col-owner { width: 150px; }
#bootstrap-override #pageContent .browse-case-col-dateentered { width: 100px; }
#bootstrap-override #pageContent .browse-case-col-scrollbar { width: 16px; }

.text-hidden {
  opacity: 0;
}
#bootstrap-override .tooltip-inner {
  opacity: 1;
  background-color: #003;
  white-space: pre-wrap;
  max-width: 300px;
}
#bootstrap-override .grayed-text {
  color: #999 !important;
}
#bootstrap-override .bold-text {
  font-weight: bold;
}
#bootstrap-override #pageContent table.table tr td span.caption {
  margin-left: 15px;
}

/*suggested 1*/
#bootstrap-override #pageContent table.table tr td.caption {
  text-align: right;
  vertical-align: top;
  padding-top: 4px;
  white-space: nowrap;
  font-weight: bold;
  color: #000;
}
#bootstrap-override #pageContent table.table tr td.data {
  text-align: left;
  vertical-align: top;
  padding-top: 4px;
  padding-left: 0px;
  color: black;
  white-space: normal;
}

#bootstrap-override #pageContent table.nowrap tr td,
#bootstrap-override #pageContent table tr.nowrap td,
#bootstrap-override #pageContent table tr td.nowrap {
  white-space: nowrap !important;
}
#bootstrap-override #pageContent p {
  margin-bottom: 0px;
}
#bootstrap-override table.uib-daypicker button,
#bootstrap-override table.uib-monthpicker button,
#bootstrap-override table.uib-yearpicker button {
  background-color: white;
}
#bootstrap-override table.uib-daypicker button.btn-info,
#bootstrap-override table.uib-monthpicker button.btn-info,
#bootstrap-override table.uib-yearpicker button.btn-info {
  background-color: yellow;
  color: black;
  font-weight: bold;
}
#bootstrap-override .btn-app {
    color: black;
    background: #ccc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ccc); /* Standard syntax */
    border-radius: 5px;
    border-color: #777;
}
#bootstrap-override .btn-app:hover {
    color: black !important;
    background: #adf; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#eff, #adf); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eff, #adf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eff, #adf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eff, #adf); /* Standard syntax */
    border-color: #37b;
}
#bootstrap-override .input-group button.btn-app.date-picker,
#bootstrap-override .input-group button.btn-app.btn-xs {
  /*background-color: white;*/
  padding: 2px 10px;
  height: 26px !important;
}
#bootstrap-override p.date-picker,
#bootstrap-override span.date-picker {
  width: 120px;
  margin-bottom: 0px;
}
#bootstrap-override a:link,
#bootstrap-override a:visited,
#bootstrap-override a:active,
#bootstrap-override a:focus {
  /*color: blue;*/
  text-decoration: none;
}
#bootstrap-override a:hover {
  color: red;
  text-decoration: none;
}
#bootstrap-override table.table-condensed tr th,
#bootstrap-override table.table-condensed tr td {
  padding: 2px 5px;
}
#bootstrap-override table.table-super-condensed tr td {
  padding: 0px 5px;
  border: none;
}
#bootstrap-override table.table tr th {
  vertical-align: bottom;
}
/*#bootstrap-override table.table-hover tr:not(:first-child):hover {
  background-color: #dda;
}*/
#bootstrap-override table.table-hover tbody tr:hover {
  background-color: #dda;
}
/*#bootstrap-override table.table-hover tr:not(:first-child):hover {
  background-color: #cde;
}*/
#bootstrap-override table.table tr.row-danger {
  background-color: #fcc;
}
#bootstrap-override table.table tr.row-warning {
  background-color: #ff9;
}
#bootstrap-override #pageContent a:hover {
  text-decoration: none;
  color: red;
}
#bootstrap-override a:focus {
  text-decoration: none;
}
#bootstrap-override ul.pagination {
  margin: 0;
}
#bootstrap-override ul.pagination li a {
  padding: 4px 8px;
}
#bootstrap-override div.pagination-table-footer {
  background-color: #eeeeee;
  border-top: 1px solid #dddddd;
  margin: 0;
  font-size: small;
}
#bootstrap-override div.pagination-table-footer-pagination-control {
  padding-top: 4px;
}
#bootstrap-override div.pagination-table-footer-pagination-control a.refresh img {
  padding: 6px 20px 11px 0px; 
  vertical-align: top
}
#bootstrap-override div.pagination-table-footer-pagesize {
  padding-top: 7px;
  padding-bottom: 7px;
}
#bootstrap-override div.pagination-table-footer-pagination-stats {
  text-align: right;
  padding-top: 7px;
}
#bootstrap-override .table textarea,
#bootstrap-override .table select,
#bootstrap-override .table input[type=text] {
  height: 26px;
  width: 100%;
}
#bootstrap-override .input-group .btn {
  padding: 3px 6px;
  height: 34px;
}
#bootstrap-override button.attach-right {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
#bootstrap-override button.attach-left {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
#bootstrap-override .btn.disabled, #bootstrap-override .btn[disabled], #bootstrap-override fieldset[disabled] .btn {
  cursor: not-allowed;
}
/*#bootstrap-override #pageContent a.accordion-toggle:hover {
    background-color: #dddddd;
    color: black;
}*/
#bootstrap-override #pageContent div.nav-tabs-content {
  border: 1px solid #7F9DB9;
  border-top: transparent;
  padding: 2px;
  margin-bottom: 10px;
}
#bootstrap-override #pageContent div.nav-tabs-content td h2 {
  margin: 10px 0 5px 2px;
}
#bootstrap-override #pageContent div.nav-tabs-content h2 {
  margin: 10px 0 5px 7px;
}
#bootstrap-override #pageContent div.nav-tabs-content p {
  /*margin-left: 25; **** this made a mess of correspondence BodyHtml (the joy of CSS!)*/
}
#bootstrap-override #pageContent div.nav-tabs-content h2 a {
  color: blue;
  font-weight: normal;
}
#bootstrap-override #pageContent div.nav-tabs-content h2 > a:hover {
  color: red;
}
#bootstrap-override #pageContent td.edit-controls {
  border: #7F9DB9 1px solid;
  border-bottom: none;
  padding: 3px;
}
#bootstrap-override #pageContent td.edit-controls a {
  font-weight: bold;
  color: blue;
  margin: 0px 5px;
}
#bootstrap-override #pageContent td.edit-controls a:hover {
  color: red;
}
#bootstrap-override .nav-tabs-content div.tab-edit-controls {
  border: none;
  padding: 0 3px;
  margin: 0;
}
#bootstrap-override .nav-tabs-content div.tab-edit-controls a {
  font-weight: bold;
  color: blue;
  margin: 0px 5px;
}
#bootstrap-override .nav-tabs-content div.tab-edit-controls a:hover {
  color: red;
}
#bootstrap-override #pageContent .nav-tabs {
  border-bottom: 1px solid #7F9DB9;
}
#bootstrap-override #pageContent .nav-tabs > li.disabled > a {
  color: #bbb;
  background-color: #ddd;
}
#bootstrap-override #pageContent .nav-tabs > li > a {
  border: 1px solid #7F9DB9;
  border-radius: 8px 8px 0 0;
  padding: 5px 10px;
  color: #bbb;
  background-color: #eee;
  font-weight: bold;
}
#bootstrap-override #pageContent .nav-tabs > li > a.help {
  border: none;
  background-color: #cde;
  padding: 3px 0px;
}
#bootstrap-override #pageContent .nav-tabs > li > a.help:hover,
#bootstrap-override #pageContent .nav-tabs > li > a.help:focus {
  background-color: #cde;
  border: none;
}
#bootstrap-override #pageContent .nav-tabs > li > a:hover,
#bootstrap-override #pageContent .nav-tabs > li > a:focus {
  text-decoration: none;
  background-color: #ddd;
  color: #333;
  border-color: #7F9DB9;
}
#bootstrap-override .navbar-nav li > a:hover,
#bootstrap-override .navbar-nav li > a:focus {
  color: #333;
}
#bootstrap-override #pageContent .nav-tabs > li.active > a,
#bootstrap-override #pageContent .nav-tabs > li.active > a:hover,
#bootstrap-override #pageContent .nav-tabs > li.active > a:focus {
  color: black;
  cursor: default;
  background-color: #ccddee;
  border: 1px solid #7F9DB9;
  border-bottom-color: transparent;
}
#bootstrap-override .navbar-default .navbar-nav > .active > a,
#bootstrap-override .navbar-default .navbar-nav > .active > a:hover,
#bootstrap-override .navbar-default .navbar-nav > .active > a:focus {
    background-color: #eee;
    border-bottom-color: #eee;
}
#bootstrap-override .nav-tabs-content div table tr th button {
  padding: 2px 15px;
  margin: 0px;
}
#bootstrap-override #pageContent .solid-border {
  border: 1px solid #7F9DB9;
}
#bootstrap-override form.juggler select {
    width: 100%;
    height: 600px;

}
#bootstrap-override form.juggler button > span {
    white-space: nowrap;
}
#bootstrap-override .help-title {
    background-color: #33f;
    color: #fff;
    padding: 10px;
    margin: 0px;
}
#bootstrap-override .help-filter {
    background-color: #cde;
}
#bootstrap-override .page-mode-header {
    padding: 3px 10px 2px 10px;
    background-color: #eef;
}
#bootstrap-override .help-topic {
    margin: 10px 10px 2px 10px;
    padding: 5px 0px 2px 0px;
    background-color: #fff;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #933;
    font-weight: bold;
}
#bootstrap-override .help-display-order {
    margin: 0px 10px;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #000;
}
#bootstrap-override .help-text {
    margin: 0px 10px;
    padding: 5px 0px 2px 0px;
    background-color: #fff;
    color: #666;
}
#bootstrap-override #pageContent div.html-text p {
  margin: 0px 5px;
}
#bootstrap-override #pageContent table.dropdown-menu tr:hover {
    background-color: #ddd;
}
#bootstrap-override #pageContent table.dropdown-menu td {
    white-space: nowrap;
}
#bootstrap-override #pageContent .dropdown-menu a, 
#bootstrap-override #pageContent .dropdown-menu a:hover,
#bootstrap-override #pageContent .dropdown-menu a:visited {
    color: black;
}
#bootstrap-override #pageContent .dropdown a {
    cursor: pointer;
}

#bootstrap-override .modal-lp {
    width: 1050px;
}
#bootstrap-override .modal-xl {
    width: 1050px;
}
#bootstrap-override .modal-xxl {
    width: 1200px;
}
#bootstrap-override .modal-backdrop {
  opacity: 0.2 !important;
}

#bootstrap-override div.modal-header {
  padding: 10px 10px 5px;
  border-bottom: 1px solid #eee;
  background-color: #337ab7;
}
#bootstrap-override div.modal-header h4 {
  color: #ffffff;
}
#bootstrap-override div.modal-header h4.modal-title {
  float: left; 
  padding: 10px 10px 5px;
}
#bootstrap-override div.modal-header div.header-help {
  float: right;
}

#bootstrap-override div.modal-body {
    background-color: #eeeeee;
    padding: 10px;
    /*max-height: calc(100vh - 180px); 
    overflow-y: scroll;*/
}
#bootstrap-override form.juggler .modal-body button {
    float: right;
    margin-left: 10px;
}
#bootstrap-override div.modal-body-dark {
  background-color: #ddd;
  padding: 10px 10px 0px 10px;
}
#bootstrap-override div.modal-body table.table-white {
  background-color: #fff;
}
#bootstrap-override div.modal-body table.table-modal tr td {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
#bootstrap-override div.modal-body select:disabled {
  background-color: #ebebe4;
}
#bootstrap-override .disabled-link {
	color: #aaa !important;
	cursor: not-allowed;
}
#bootstrap-override div.modal-body table.table-modal tr td.caption {
  text-align: right;
  vertical-align: top;
  padding-top: 6px;
  white-space: nowrap;
}
#bootstrap-override div.modal-body table.table-modal tr td.InvalidValueIndicator {
  text-align: center;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 0;
  width: 15px;
  min-width: 15px;
}
#bootstrap-override div.modal-body table.table-modal tr td.caption a,
#bootstrap-override div.modal-body table.table-modal tr td.caption span.disabled-link {
    padding-top: 12px; 
    display: block;
    padding-right: 4px;
}
#bootstrap-override div.modal-body table.table-modal tr td.InvalidValueIndicator a:link,
#bootstrap-override div.modal-body table.table-modal tr td.InvalidValueIndicator a:visited,
#bootstrap-override div.modal-body table.table-modal tr td.InvalidValueIndicator a:hover,
#bootstrap-override div.modal-body table.table-modal tr td.InvalidValueIndicator a:active,
#bootstrap-override div.modal-body table.table-modal tr td.InvalidValueIndicator a:focus {
  color: red;
  font-weight: bold;
  font-size: large;
  /*text-decoration: none;*/
}
#bootstrap-override div.modal-body table.table-modal tr td input {
  padding-left: 4px;
  padding-right: 2px;
}
#bootstrap-override div.modal-body table.table-modal tr td textarea {
  padding-left: 4px;
  margin-bottom: -5px;
}
#bootstrap-override table.table-modal {
  margin-bottom: 0;
  table-layout: fixed;
}
#bootstrap-override table.table-modal tr td {
  padding: 2px 5px;
  vertical-align: middle;
  border: 0 !important;
  width: 100%;
}

#bootstrap-override div.modal-footer {
  background-color: #ddd;
  text-align: left;
  padding: 10px;
}
#bootstrap-override div.modal-footer-light {
  background-color: #eee;
  padding: 0px 10px 10px 10px;
  border: none;
}
#bootstrap-override div.modal-footer div.footer-buttons {
  float: right;
}
#bootstrap-override div.modal-footer div.footer-buttons button {
  min-width: 60px;
}
#bootstrap-override div.modal-footer div.footer-leftbuttons {
  float: left; 
}
#bootstrap-override div.modal-footer div.footer-info {
  float: left; 
  font-size:small; 
  padding-top: 8px
}

#bootstrap-override #pageContent div.view-page-alert {
  float: left; 
  padding: 3px; 
  margin: 0px 0px 0px 70px; 
  border-width: 1px 1px 0px 1px; 
  /*font-weight: bold;*/
  color: #a94442; 
  background-color: #f2dede; 
  border-color: #ebccd1;
}
#bootstrap-override #pageContent div.view-page-alert a {
  float: right;
  padding: 0px 0px 0px 20px;
  margin-top: -4px;
  margin-bottom: -6px;
  font-size: 21px;
  font-weight: bold;
  color: #000;
  opacity: .2;
}
#bootstrap-override #pageContent div.view-page-alert a:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
#bootstrap-override #pageContent .mono-font {
  font-size: 12px; 
  font-family: "Courier New"
}


/* REPORT STYLES - START */
#bootstrap-override #app-report #report-content h1 {
    text-align: center;
    color: #000;
    padding: 3px;
    margin: 0px;
}
#bootstrap-override #app-report #report-content h2 {
    text-align: center;
    color: #000;
    padding: 3px;
    margin: 0px;
}
#bootstrap-override #app-report #report-content .group-by-header {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    padding: 0px;
    margin: 10px 0px;
}
#bootstrap-override #app-report #report-content div.detail-section {
    border-bottom: 2px solid #999;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#bootstrap-override #app-report #report-content div.detail-section td.caption,
#bootstrap-override #app-report #report-content div.detail-section td.data {
    padding: 0px 5px;
    border: none;
    font-family: 'Comic Sans MS'
}
#bootstrap-override #app-report #report-footer {
    font-style: italic;
    margin-top: 10px;
    padding-top: 10px;
}
/* REPORT STYLES - END */

/* CORRES/CASE BROWSE STYLES - START */
/* height styles are page-dependent and are therefore embedded in each page */
#bootstrap-override #pageContent .tree .branch-active {
    background-color: #ccc;
}
/*#bootstrap-override #pageContent .attachment-list {
    background-color: #eee;
    padding: 5px;
    border: none;
    border-bottom: #7F9DB9 solid 1px;
    overflow-x: auto;
    overflow-y: hidden;
}
#bootstrap-override #pageContent .attachment-list a {
    white-space: nowrap; 
    padding: 2px 0px 4px 2px;
    margin-right: 10px;
    color: #666;
}
#bootstrap-override #pageContent .attachment-list a:hover {
    background-color: #ccc;
    color: black !important;
}*/
#bootstrap-override #pageContent .corres-content {
    background-color: #fff;
    padding: 0px;
    overflow: hidden;
}

#bootstrap-override #pageContent .outlook-content {
    background-color: #ff9;
    padding: 3px;
    overflow-y: scroll;
}
#bootstrap-override #pageContent .outlook-content hr {
    border: 1px solid #aaa;
    margin: 6px 0px;
}

/*#bootstrap-override #pageContent .corres-content-header {
    background-color: #ddd;
    padding: 2px 7px;
    border-bottom: #7F9DB9 solid 1px;
    overflow: hidden;
}
#bootstrap-override #pageContent .corres-content-header .caption {
    font-weight: bold;
    padding-right: 5px;
}*/


/* CORRES/CASE BROWSE STYLES - END */

/* TOOLBAR STYLES - START */
#bootstrap-override #pageContent table.toolbar tr {
    white-space: nowrap;
    background-color: #aaa;
    border: none;
    height: 32px !important;
    max-height: 32px !important;
    max-height: 32px !important;
}

#bootstrap-override #pageContent table.toolbar tr td {
    white-space: nowrap;
    vertical-align: middle;
}

#bootstrap-override #pageContent table.toolbar tr td.new-group {
    padding-left: 10px;
}

#bootstrap-override #pageContent table.toolbar .title {
    padding-left: 7px;
    padding-right: 20px;
    color: #993333;
    font-weight: bold;
    font-size: 18px;
}

#bootstrap-override #pageContent table.toolbar .caption {
    padding-top: 2px;
    padding-right: 5px;
    font-weight: bold;
}

#bootstrap-override #pageContent table.toolbar td select {
    height: 26px;
    padding: 0px;
    width: 120px;
}

#bootstrap-override #pageContent table.toolbar td input {
    height: 26px;
    padding: 6px;
}

#bootstrap-override #pageContent table.toolbar td button {
    height: 26px;
}
#bootstrap-override #pageContent table.toolbar td a {
    height: 26px;
    padding: 3px 5px 0px 5px;
}

#bootstrap-override #pageContent table.toolbar td.close-button {
    padding-top: 2px;
    padding-right: 7px;
    width: 100%;
    text-align: right;
}

#bootstrap-override #pageContent table.toolbar td.close-button > a {
    background-color: #777;
    color: white;
    font-weight: bold;
    margin: 0px;
    padding: 1px 4px 2px;
    text-align: center;
    border-radius: 2px;
}

#bootstrap-override #pageContent table.toolbar td.close-button > a:hover {
    background-color: red;
}
/* TOOLBAR STYLES - END */

#bootstrap-override div.dragover table div.pagination-table-footer,
#bootstrap-override div.dragover table,
#bootstrap-override div.dragover table tr td,
#bootstrap-override div.dragover table tr th {
	background-color: #ff9 !important;
	color: black;
}
#bootstrap-override div.dragover table tr td {
	border-color: #ff9 !important;
}