body .container .navbar-header {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  body .container .navbar-header {
    margin-left: 0;
  }
}
body .container .navbar-header .grouper {
  display: block;
}
@media screen and (max-width: 1000px) {
  body .container .navbar-header .grouper {
    margin: 0 0 5px 0;
  }
}
body .container .navbar-header .grouper .navbar-brand {
  display: block;
}
@media screen and (max-width: 1000px) {
  body .container .navbar-header .grouper .navbar-brand {
    height: auto;
  }
  body .container .navbar-header .grouper .navbar-brand:nth-of-type(2) {
    display: block;
    width: 100%;
    z-index: 100;
  }
  body .container .navbar-header .grouper .navbar-brand:nth-of-type(2) .navbar-displayname {
    text-align: left;
    margin-left: 2px;
  }
  body .container .navbar-header .grouper .navbar-brand:nth-of-type(2) #impersonationInfo {
    display: block;
  }
  body .container .navbar-header .grouper .navbar-brand:nth-of-type(1) {
    display: none;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 1000px) {
  body .container .navbar-header .grouper .navbar-brand:nth-of-type(2) #impersonationInfo {
    margin: 0;
  }
}
body .container .navbar-header .imgAOAdiv {
  display: block;
}
@media screen and (max-width: 500px) {
  body .container .navbar-header .imgAOAdiv a img {
    width: 240px;
    height: auto;
  }
}
body .container .navbar-header .menuText {
  display: block;
}
@media screen and (max-width: 1000px) {
  body .container .navbar-header .menuText {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  body .container .navbar-header .menuText {
    padding-left: 10px;
  }
}
body .container .navbar-header .navbar-toggle {
  margin-top: -25px;
  margin-right: 2px;
}
@media screen and (max-width: 285px) {
  body .container .navbar-header .navbar-toggle {
    margin-top: 0;
  }
}
@media screen and (max-width: 500px) {
  body .container .navbar-header .navbar-toggle {
    margin-top: -30px;
    margin-bottom: 5px;
  }
}
body .container .navbar-collapse ul li ul {
  background-color: #085781;
}
body .container .navbar-collapse ul li ul li {
  list-style-type: none;
  /*:nth-of-type(1){
                               border-bottom: solid #b6ff00 1px;
                           }*/
}
body .container .navbar-collapse ul li ul li a {
  color: #fff;
  text-decoration: none;
}
body .container .navbar-collapse ul li ul li :hover {
  background-color: #085781;
}
body .navbar-nav {
  width: 100%;
  margin: 0;
}
.bluecolor {
  color: lightblue;
}
/** table-sorter **/
#table-sorter-wrapper {
  display: block;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding: 0 0 5px 0;
}
table.tablesorter {
  font-family: arial;
  background-color: #fff;
  margin: 10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #e6EEEE;
  border: 1px solid #FFF;
  font-size: 8pt;
  padding: 4px 15px 4px 4px;
}
/* MODIFYING TABLE SORTER FOR THE SMALLER SCREEN REDUCING FONT SIZE */
@media screen and (max-width: 576px) {
  table.tablesorter thead tr th,
  table.tablesorter tfoot tr th {
    font-size: 7pt;
  }
}
table.tablesorter thead tr .header {
  background-image: url('Images/bg.gif');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url('Images/desc.gif');
}
table.tablesorter thead tr .headerSortDown {
  background-image: url('Images/asc.gif');
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}
/* Styles for table sorter paging functionality */
div.tablesorterPager {
  padding: 10px 0 10px 0;
  background-color: #D6D2C2;
  text-align: center;
}
div.tablesorterPager span {
  padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
  width: auto;
  margin-right: 10px;
}
div.tablesorterPager input.next {
  width: auto;
  margin-left: 10px;
}
div.tablesorterPager input {
  font-size: 8px;
  width: 50px;
  border: 1px solid #330000;
  text-align: center;
}
table.tablesorter thead tr .lalign {
  background-image: none;
  cursor: default;
}
/* This was added by Karthik to not show any icons when table sorter column is set to no sort*/
.tablesorter .tablesorter-header.sorter-false {
  background-image: url('');
}
body table.tablesorter tbody > tr:nth-child(odd) td {
  background-color: #F0F0F6;
}
table.table-bordered th,
td {
  /*border: 1px solid #fff !important; removed for new CMEOCC Report*/
  border: 1px solid #fff;
}
table.table-bordered td.report-header-td-left {
  text-align: left;
  vertical-align: top;
}
/* Karthik Added the below css to use table filtering, use class tablesorterfilter in addition to tablesorter for filtering columns  */
/* rows hidden by filtering (needed for child rows) */
.tablesorterfilter .filtered {
  display: none;
}
/* ajax error row */
.tablesorterfilter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}
.tablesorterfilter thead .disabled {
  display: none;
}
.tablesorterfilter .tablesorter-filter-row {
  background-color: #e6EEEE;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  z-index: 10 !important;
}
table .tablesorter tbody > tr:nth-child(odd) {
  background-color: #F0F0F6;
}
body {
  /*padding-top: 50px;*/
  padding-bottom: 150px;
}
footer {
  padding-top: 50px;
  padding: 0 20px 0 20px;
  color: #fff;
}
/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
@media screen and (max-width: 991px) {
  .dlNoMargin {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.dl-horizontal dt {
  white-space: normal;
  text-align: left;
  /*Greg added on 02/25/2015 */
}
.no-margin {
  margin: 0px !important;
}
/* Set width on the form input elements since they're 100% wide by default */
@media (min-width: 1000px) {
  input,
  select,
  textarea {
    max-width: 280px;
  }
}
/* Set the textarea to full width */
.textarea-multiselect {
  max-width: 100%;
  max-height: 250px;
}
/* put some space between vertically stacked form controls */
.form-control {
  margin-top: 4px;
  margin-bottom: 4px;
}
.lower-space-only-10 {
  margin-bottom: 10px;
}
.top-margin-only-10 {
  margin-top: 10px;
}
/* http://www.davepaquette.com/archive/2014/02/24/simple-delete-confirmation-in-asp-net-mvc.aspx */
.delete-section {
  display: inline;
}
.delete-confirm {
  color: red;
  position: absolute;
}
.delete-confirmNoPosition {
  color: red;
  white-space: nowrap;
  display: inline-block;
}
.delete-confirm:hover {
  text-decoration: underline;
}
/* Specialties */
.large-multiselect {
  max-width: 650px;
  min-height: 250px;
}
.medium-multiselect {
  max-width: 650px;
  max-height: 250px;
}
.small-multiselect {
  max-width: 650px;
  max-height: 100px;
}
#specialty-sorter-wrapper {
  padding-bottom: 20px;
}
#specialty-sorter-board:hover {
  text-decoration: underline;
}
#specialty-sorter-specialty:hover {
  text-decoration: underline;
}
/*styles for PDF */
.move-for-pdf {
  vertical-align: top;
  width: 575pt;
}
.page-break-no {
  page-break-inside: avoid;
}
.ulheaderTicket {
  padding-left: 25px;
  font-weight: bold;
}
.ulsubmenuTicket {
  padding-left: 35px;
}
.tickettableleftCell {
  width: 10%;
  height: 30px;
  vertical-align: top;
  text-align: right;
}
.tickettablerightCell {
  width: 50%;
  vertical-align: top;
  text-align: left;
}
.tickettablemiddleCell {
  width: 5%;
}
.tickettableRow {
  vertical-align: top;
  height: 20px;
}
.tickettablefrontCell {
  width: 30%;
}
.glyphicon-ok-sign {
  color: lime;
}
/*These area overrides from bootstrap:*/
body {
  background-color: #ded8d1;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.container {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #fff;
  box-shadow: 6px 0px 15px -5px rgba(0, 0, 0, 0.7), -6px 0px 15px -5px rgba(0, 0, 0, 0.7);
}
.container-for-pdf {
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  /*box-shadow: 6px 0px 15px -5px rgba(0,0,0,0.7), -6px 0px 15px -5px rgba(0,0,0,0.7);*/
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
    background: #fff url(Images/bg-blueprint-header.png) center right no-repeat;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1042px;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 0;
}
.navbar-brand {
  font-size: 16px;
  line-height: 30px;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    /*margin-left: -15px;*/
  }
}
.navbar-nav {
  margin: 7.5px -15px;
  text-transform: uppercase;
  padding: 0 1em;
  font-weight: bold;
  border-top: 5px solid #005682;
  background: #7db9e8;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzQ0NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 0%, #2989d8 0%, #207cca 4%, #1c446c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7db9e8), color-stop(0%, #2989d8), color-stop(0%, #2989d8), color-stop(4%, #207cca), color-stop(100%, #1c446c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7db9e8 0%, #2989d8 0%, #2989d8 0%, #207cca 4%, #1c446c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7db9e8 0%, #2989d8 0%, #2989d8 0%, #207cca 4%, #1c446c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7db9e8 0%, #2989d8 0%, #2989d8 0%, #207cca 4%, #1c446c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7db9e8 0%, #2989d8 0%, #2989d8 0%, #207cca 4%, #1c446c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#1c446c', GradientType=0);
  /* IE6-8 */
}
/* overriding from bootstrap.css that is not done in the site.css unless put there */
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /*.navbar-inverse .navbar-nav {
        padding-top:15px;
        padding-bottom:15px;
    }*/
}
.navbar-inverse {
  background-color: #ded8d1;
  border-color: #080808;
}
/*.navbar-inverse .navbar-nav {
    padding-top:15px;
    padding-bottom:15px;
}*/
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #1c446c;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #ded8d1;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #000;
}
.panel-footer {
  padding: 300px;
}
.footer-content {
  background-color: #005682;
}
.footer-content a {
  color: white;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-top: 165px;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: inherit;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .body-content {
    padding-top: 135px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .body-content {
    padding-top: 100px;
  }
}
@media (max-width: 500px) {
  .body-content {
    padding-top: 65px;
  }
}
@media print {
  .body-content {
    padding-top: 0px;
  }
}
/* This is an override for the Bootstrap Popover */
.popover-content {
  text-align: center;
}
.blockfmt {
  display: block;
}
/* Report Header */
td.report-header-left div {
  /*width: 430px;*/
  margin: 0 auto;
  text-align: left;
  vertical-align: top;
}
td.report-header-right {
  padding: 5px;
}
.report-header-right div.licenses {
  padding-top: 5px;
}
.report-header-right div.licenses .header {
  background-color: #dcdcdc;
  color: #666666;
  font-weight: bold;
}
/*See this article for an explantion (just removing the spin buttons from numeric fields
    http://stackoverflow.com/questions/3975769/disable-webkits-spin-buttons-on-input-type-number
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* See this for the same reason, but Firefox as well:

http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29

*/
input[type=number] {
  -moz-appearance: textfield;
}
/*Style section for credit entry */
body #CreditForm div.form-horizontal .form-group span#CompletionDateTooEarly {
  display: block;
}
body #CreditForm div.form-horizontal .validation-summary-errors ul {
  list-style: none;
  padding-left: 0;
  margin-left: 15px;
}
/* style section for index description popup on activity create/edit page */
/* make second-level lists be marked with an open circle to emulate word document */
ul ul li {
  list-style-type: circle;
}
/*End credit entry section*/
/* Greg added the following on 10/3/2016 for those buttons that get "attached" to text boxes (i.e. a Search icon next to an AOA ID text box) */
.attachedTextBox {
  width: 240px !important;
}
.attachedButton {
  margin-top: 4px;
}
/* Greg added the following on 10/18/2016.  It's for those edit controls that you don't want to have a specific width for */
.clearWidth {
  max-width: inherit;
}
/* Greg added the following on 10/19/2016.  It's for vertically aligning controls.  See http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vertical-align {
  display: flex;
  flex-direction: row;
}
/* Greg added the following on 10/19/2016.  It's for vertically aligning controls.  See http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  /* Align the flex-items vertically */
}
[class^="col-"].vertical-align,
[class*="col-"].vertical-align {
  display: flex;
  align-items: center;
  margin-top: 1%;
}
/* Greg added the following on 11/3/2016.  It's for hyperlinks that appear in dialogs like the Activity Find ID dialog. */
.ui-widget-content a {
  color: #337ab7;
}
.navbar-header .navbar-displayname {
  padding-top: 2px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
}
.navbar-header .navbar-displayname .impersonation {
  /* display: none */
  background-color: lightblue;
  color: dimgrey;
  position: inherit;
  padding: 5px;
  line-height: normal;
  font-weight: normal;
  border: 1px solid grey;
  font-size: 12px;
}
.hidden {
  visibility: hidden;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  z-index: 1000 !important;
}
.badge {
  background-color: #005682;
}
/* Greg added this for the multi columns of the action area to space them better.  It's really just for the Activity details page but could be useful in the future on
    other pages.  That's why I put it here rather than a page specific css.  */
.noRightPadding {
  padding-right: 0px;
  display: list-item;
  margin-left: 30px;
}
.nonformfieldrow {
  padding-top: 6px;
}
.dialogLayoutBody {
  padding: 0px !important;
  margin: 0px !important;
  background: white !important;
}
.blankbodycontent {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: inherit;
}
.divHeightImpt {
  height: 45px !important;
}
.leftMarginOnly {
  margin-left: 2%;
}
/* CUSTOMIZING navbar */
.navbar {
  margin-bottom: 0px;
}
/*@media screen and (max-width:400px){
}*/
@media (max-width: 767px) {
  dd {
    margin-bottom: 5px;
  }
}
@media (max-width: 1000px) {
  div.col-xs-12.col-sm-12.col-md-3.col-lg-3,
  div.col-xs-12.col-sm-12.col-md-2.col-lg-2,
  div.col-xs-12.col-sm-12.col-md-4.col-lg-4 {
    margin-top: 20px;
  }
  div.col-xs-12.col-sm-12.col-md-12.col-lg-12:not(.noRightPadding) {
    line-height: 70%;
  }
}
table .tablesorter thead tr .headerSortUp {
  background-image: url('Images/desc.gif');
}
table .tablesorter thead tr .headerSortDown {
  background-image: url('Images/asc.gif');
}
.ui-dialog {
  top: 0;
  left: 0;
  margin: auto;
  position: fixed;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ui-dialog .ui-dialog-content {
  flex: 1;
}
.ui-dialog-titlebar {
  min-height: 40px;
  max-height: 100%;
}
.ui-dialog .ui-dialog-title {
  min-height: 40px !important;
}
.underlineText {
  text-decoration: underline;
}
.italicFont {
  font-style: italic;
}
.top-margin-only-40 {
  margin-top: 40px;
}
@-moz-document url-prefix() {
  /* fix for bug 6243 - Firefox only */
  table {
    border-collapse: separate !important;
    border-spacing: 0px;
  }
  tr:not(:last-child) th,
  tr:not(:last-child) td {
    border-bottom-width: 0 !important;
  }
  th:not(:last-child),
  td:not(:last-child) {
    border-right-width: 0 !important;
  }
}
#cycleDialog {
  min-height: 150px !important;
}
#siteText {
  color: white;
  padding-top: 2px;
  font-weight: bold;
}
.inlineDiv {
  display: inline;
}
.inlineDiv a {
  padding-right: 5px;
  color: white !important;
}
@media screen and (max-width: 500px) {
  .navbar-brand {
    font-size: 12px;
  }
}