/* Minification failed. Returning unminified contents.
(2017,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(2018,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(2038,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-800'
(2347,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(2348,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(2352,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(2353,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(2357,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100'
(2358,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(2362,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(2363,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(2829,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(4063,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500'
(4071,25): run-time error CSS1030: Expected identifier, found '.'
(4071,28): run-time error CSS1031: Expected selector, found ')'
(4071,28): run-time error CSS1025: Expected comma or open brace, found ')'
(4077,29): run-time error CSS1030: Expected identifier, found '.'
(4077,32): run-time error CSS1031: Expected selector, found ')'
(4077,32): run-time error CSS1025: Expected comma or open brace, found ')'
(4082,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-600'
(4086,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4090,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4094,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100-contrast'
(4098,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-200-contrast'
(4102,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-300-contrast'
(4106,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-400-contrast'
(4110,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-600-contrast'
(4114,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-700-contrast'
(4118,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-800-contrast'
(4122,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-900-contrast'
(4126,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(4130,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(4134,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(4141,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(4147,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(4157,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(4253,6): run-time error CSS1030: Expected identifier, found '.'
(4253,10): run-time error CSS1031: Expected selector, found ')'
(4253,10): run-time error CSS1025: Expected comma or open brace, found ')'
(4270,12): run-time error CSS1030: Expected identifier, found '.'
(4270,16): run-time error CSS1031: Expected selector, found ')'
(4270,16): run-time error CSS1025: Expected comma or open brace, found ')'
(4303,29): run-time error CSS1030: Expected identifier, found '.'
(4303,38): run-time error CSS1031: Expected selector, found ')'
(4303,38): run-time error CSS1025: Expected comma or open brace, found ')'
(4475,25): run-time error CSS1030: Expected identifier, found '.'
(4475,28): run-time error CSS1031: Expected selector, found ')'
(4475,28): run-time error CSS1025: Expected comma or open brace, found ')'
(4481,29): run-time error CSS1030: Expected identifier, found '.'
(4481,32): run-time error CSS1031: Expected selector, found ')'
(4481,32): run-time error CSS1025: Expected comma or open brace, found ')'
(4486,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-600'
(4490,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4494,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4498,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100-contrast'
(4502,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-200-contrast'
(4506,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-300-contrast'
(4510,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-400-contrast'
(4514,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-600-contrast'
(4518,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-700-contrast'
(4522,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-800-contrast'
(4526,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-900-contrast'
(4530,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(4649,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-800'
(4663,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(4664,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(4690,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(4691,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4694,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(4702,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(4703,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4706,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(4715,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(4716,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast'
(4719,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(4725,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(4726,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-contrast'
(4729,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(4734,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(4735,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-contrast'
(4742,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(4743,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-contrast'
 */
/*fuelux*/
.radio-custom, .checkbox-custom{margin-left: -20px}
.radio-custom input[type=radio], .checkbox-custom input[type=checkbox]{position: absolute;left: -9999em;}
.radio-custom > i:before, .checkbox-custom > i:before{font-size: 1.333em;vertical-align: -10%;margin-left:0;margin-right: 4px;color: #ddd}
.radio-custom > i.checked:before, .checkbox-custom > i.checked:before{color: #13c4a5}
.radio-custom > i.disabled:before, .checkbox-custom > i.disabled:before{color: #eee}
.radio-custom > i.checked:before{content: '\f111';}
.checkbox-custom > i.checked:before{content: '\f046';}
.spinner .input-group-btn{display: table-cell;min-width: 25px}
.spinner .input-group-btn .btn{width:25px;padding: 0;font-size: 12px;margin-left: -1px;line-height: 1;height: 19px;overflow: hidden;border-radius: 0 4px 0 0 !important;}
.spinner .input-group-btn .btn+.btn{height: 20px;border-radius: 0 0 4px 0 !important;}
.spinner .input-sm + .input-group-btn .btn{font-size: 10px;height: 15px;}
.spinner .input-sm + .input-group-btn .btn+.btn{height: 16px;}
.select{position: relative;display: inline-block;}

.pillbox{border: 1px solid #e0e4e8;padding: 10px;border-radius: 4px}
.pillbox ul{margin: 0;list-style: none;padding:0;}
.pillbox li{display: inline-block;font-size:12px;color: #fff;;padding: 6px 8px;cursor: pointer;margin:2px;float: left;}
.pillbox li:after{content: " x";font-size: 11px;font-weight: normal;opacity: 0.6;filter: alpha(opacity=60);}
.pillbox li:hover:after{opacity: 0.9;filter: alpha(opacity=90);}
.pillbox input{border:none;outline:0;min-height: 24px;width: auto;display: inline-block;box-shadow: none;background: transparent;}

.datagrid tfoot th{font-weight: normal;}
.datagrid tfoot .grid-pager .combobox{max-width: 80px;position: relative;top: 10px}
.datagrid tfoot .grid-pager .combobox input{width: 40px}
.datagrid tfoot .dropdown-menu{min-width: 60px;text-align: left;}
.datagrid tbody{height: 256px;overflow:hidden;overflow-y:auto }
#selectTextSize {position: absolute;top: 0;display: none;visibility: hidden;}

.wizard {
  font-size: 14px;
  padding: 0;
  background-color: #f7f8f9;
  border-bottom: 1px solid #e0e4e8;
}

.wizard .badge{
  margin-right: 4px;
}
.wizard .badge-info{
  background-color: #5191d1;
}
.wizard .badge-success{
  background-color: #3fcf7f;
}
.wizard ul li.complete,
.wizard ul li.complete:hover{
  cursor: pointer;
  background: #f1f5f9;
}
.wizard ul li.complete:after{
  border-left-color:#f1f5f9;
}
.wizard ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.wizard ul li {
  position: relative;
  float: left;
  padding: 0 15px 0 25px;
  margin: 0;
  color: #999999;
  cursor: default;
  height: 40px;
  line-height: 40px;
}

.wizard.wizard-vertical{float: left;border-bottom: none}
.wizard.wizard-vertical + .step-content{zoom:1;overflow: hidden;padding-left: 40px}
.wizard.wizard-vertical ul li {
  position: relative;
  float: none;
  border-bottom: 1px solid #e0e4e8;
  padding-left: 15px;
}
.wizard.wizard-vertical ul li:last-child{}

.wizard ul li:first-child{
  padding-left: 15px;
  border-radius: 4px 0 0 0;
}
.wizard .actions{
  float: right;
  margin: 8px 10px 0 0;
}

.wizard ul li:before, .wizard ul li:after{
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -10px;
  border: 20px solid transparent;
  border-right: 0;
  border-left: 10px solid #e0e4e8;
  z-index: 1;

}
.wizard ul li:after{
  right: -9px;
  border-left-color:#f7f8f9;
  z-index: 2;
}

.wizard ul li.active {
  color: #3a87ad;
  background: #fff;
}

.wizard ul li.active:after{
  border-left-color: #fff;
}

.step-content {
  padding: 15px;
}

.step-content .step-pane {
  display: none;
}

.step-content .step-pane.active {
  display: inherit;
}


/*!
 * Slider for Bootstrap
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #e0e4e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color: #f3f4f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #13c4a5;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.slider-handle.triangle {
  background: transparent none;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1010;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #ccc;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #13c4a5;
  color: #fff;
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #13c4a5;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 43px;
  line-height: 43px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #13c4a5;
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #13c4a5;
}

.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}


/*!
 * FullCalendar v1.6.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
  direction: ltr;
  text-align: left;
  }
  
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  }
  
html .fc,
.fc table {
  font-size: 1em;
  }
  
.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
  }



/* Header
------------------------------------------------------------------------*/
.fc-header{background: #f7f8f9}
.fc-header td {
  padding:12px 10px 0 10px;
  white-space: nowrap;
  }

.fc-header-left {
  width: 25%;
  text-align: left;
  }
  
.fc-header-center {
  text-align: center;
  }
  
.fc-header-right {
  width: 25%;
  text-align: right;
  }
  
.fc-header-title {
  display: inline-block;
  vertical-align: top;
  }
  
.fc-header-title h2 {
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 0;
  white-space: nowrap;
  }
  
.fc .fc-header-space {
  padding-left: 10px;
  }
  
.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
  }
  
/* buttons edges butting together */

.fc-header .fc-button {
  margin-right: -1px;
  }
  
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
  margin-right: 0; /* back to normal */
  }
  
/* button layering (for border precedence) */
  
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
  }
  
.fc-header .fc-state-down {
  z-index: 3;
  }

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
  }
  
  
  
/* Content
------------------------------------------------------------------------*/
  
.fc-content {
  clear: both;
  }
  
.fc-view {
  width: 100%; /* needed for view switching (when view is absolute) */
  overflow: hidden;
  }
  
  

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
  border: 1px solid #ddd;
  }
  
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  background: #fcf8e3;
  }
  
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30); /* for IE */
  }
  


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 .6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.8em;
  white-space: nowrap;
  cursor: pointer;
  }
  
.fc-state-default { /* non-theme */
  border: 1px solid;
  }

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  }

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  }

/*
  Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
  and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
  margin: 0 .1em;
  font-size: 2em;
  line-height: 0.85;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; /* for IE7 */
  }

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
  font-weight: bold;
  }
  
/* icon (for jquery ui) */
  
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
  }
  
.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
  }
  
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
  background-color: #fff;
  border-color:#c3c6c9;
  color:#657483;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,0.05);
  }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #f7f8f9;
  }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
  }

.fc-state-down,
.fc-state-active {
  background-color: #f7f8f9;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  }

  

/* Global Event Styles
------------------------------------------------------------------------*/
   
.fc-event {
  background-color: #5191d1; /* default BACKGROUND color */
  color: #fff;               /* default TEXT color */
  font-size: .85em;
  cursor: default;
  padding: 4px 6px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  }

a.fc-event {
  text-decoration: none;
  }
  
a.fc-event,
.fc-event-draggable {
  cursor: pointer;
  }
  
.fc-rtl .fc-event {
  text-align: right;
  }

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  }
  
.fc-event-time,
.fc-event-title {
  padding: 0 1px;
  }
  
.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden; /* hacky spaces (IE6/7) */
  font-size: 300%;  /* */
  line-height: 50%; /* */
  }
  
  
  
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
  }

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  }

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  }
  
/* resizable */
  
.fc-event-hori .ui-resizable-e {
  top: 0           !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize;
  }
  
.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize;
  }
  
.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
  }
  
  
  
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
  border-collapse: separate;
  }
  
.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
  }
  
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
  }
  
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
  }
  
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
  }
  
  

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
  text-align: center;
  }

.fc .fc-week-number {
  width: 22px;
  text-align: center;
  }

.fc .fc-week-number div {
  padding: 0 2px;
  }
  
.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
  }
  
.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
  }
  
.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px; /* distance between events and day edges */
  }
  
/* event styles */
  
.fc-grid .fc-event-time {
  font-weight: bold;
  }
  
/* right-to-left */
  
.fc-rtl .fc-grid .fc-day-number {
  float: left;
  }
  
.fc-rtl .fc-grid .fc-event-time {
  float: right;
  }
  
  

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
  border-collapse: separate;
  }
  
.fc-agenda-days th {
  text-align: center;
  }
  
.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
  }

.fc-agenda .fc-week-number {
  font-weight: bold;
  }
  
.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
  }
  
/* make axis border take precedence */
  
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
  }
  
.fc-agenda-days .fc-col0 {
  border-left-width: 0;
  }
  
/* all-day area */
  
.fc-agenda-allday th {
  border-width: 0 1px;
  }
  
.fc-agenda-allday .fc-day-content {
  min-height: 34px; /* TODO: doesnt work well in quirksmode */
  _height: 34px;
  }
  
/* divider (between all-day and slots) */
  
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
  }
  
.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
  }
  
/* slot rows */
  
.fc-agenda-slots th {
  border-width: 1px 1px 0;
  }
  
.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
  }
  
.fc-agenda-slots td div {
  height: 20px;
  }
  
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
  }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
  }
  
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid; /* doesn't work with background in IE6/7 */
  }
  


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
  border-width: 0 1px;
  }

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  }

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  }
  
.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
  }

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
  }
  
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  }
  
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
  display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
  }
  
/* resizable */
  
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
  }
  
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
  _overflow: hidden;
}

/*parsely*/
.parsley-error-list{margin:0;padding: 0;list-style: none;margin-top: 6px;font-size: 12px}
.parsley-error{border-color: #ff5f5f !important}

/*datatable*/
.dataTables_wrapper{position: relative;}
.dataTables_processing{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
  z-index: 1;
}
.dataTables_wrapper .table{
  border: 1px solid #e0e4e8;
  border-width: 1px 0;
}
.dataTables_wrapper label{font-weight: normal;font-size: 12px;display: block;margin-bottom: 0}
.dataTables_wrapper select, .dataTables_wrapper input{font-size:12px;height: 30px;padding: 5px 10px;border-radius: 3px;display: inline;border:1px solid #ccc;outline: 0}
.dataTables_wrapper select{width: 75px;}
.dataTables_wrapper input{width: 200px;}
.dataTables_filter, .dataTables_paginate{float:right;}
.dataTables_length, .dataTables_filter{padding: 15px;}
.dataTables_info, .dataTables_paginate{padding: 15px;}
.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active{cursor:pointer;outline:0;border:1px solid #dddddd;border-right-width:0;background: #fff;padding: 6px 10px}
.dataTables_paginate.pagination-sm .paginate_button, 
.dataTables_paginate.pagination-sm .paginate_active{
  padding: 3px 8px;
}
.dataTables_wrapper .paginate_active{background-color: #f5f5f5}
.dataTables_wrapper .paginate_button_disabled{color: #ccc;background-color: #fafafa}
.paginate_button.first{border-radius: 3px 0 0 3px;}
.paginate_button.last{border-radius: 0 3px 3px 0;border-right-width:1px;}
.dataTables_wrapper th{cursor: pointer;outline: 0}
.dataTables_wrapper th:after{font-family: FontAwesome; color: #666;position: relative;float:right;font-weight: normal;}
.dataTables_wrapper .sorting:after{content: "\f0dc";color: #ccc;}
.dataTables_wrapper .sorting_asc:after{content: "\f0de";}
.dataTables_wrapper .sorting_desc:after{content: "\f0dd";}


/*Timeline*/
.timeline{
  display: table;
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  position: relative;
  border-collapse: collapse;
}
.timeline:before{
  content: "";
  width: 6px;
  margin-left: -4px;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 30px;
  background-color: #ddd;
  z-index: 0;
}
.timeline-item{display: table-row;}
.timeline-caption{
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.timeline-item:before, .timeline-item.alt:after{
  content: "";
  display: block;
  width: 50%;
}
.timeline-item.alt:before{display: none}
.timeline-item .card{padding: 15px}
.timeline-date{position: absolute;width: 150px;left: -200px;top: 3px;text-align: right;}
.timeline-icon{position: absolute;left: -41px;top: -2px;}
.time-icon{width: 30px;height: 30px;display:inline-block !important;z-index: 10;border:2px solid #fff;line-height:26px;border-radius: 20px;text-align: center;background-color: #898989}
.time-icon:before{font-size: 16px;color: #fff}
.timeline-caption .card{display: inline-block;position: relative;margin-left: 25px;position: relative;text-align: left;}
.timeline-item.alt{text-align: right;}
.timeline-item.alt .card{margin-right: 25px;margin-left: 0}
.timeline-item.alt .timeline-date{left: auto;right: -200px;text-align: left;}
.timeline-item.alt .timeline-icon{left: auto;right: -41px;}
.timeline-caption h5{margin:0}
.timeline-caption h5 span{display: block;color: #999;margin-bottom: 4px;font-size: 12px}
.active .timeline-caption h5 span{color: #fff}
.timeline-item.active{display: table-caption;text-align: center;}
.timeline-item.active:before{width: 1%}
.active .timeline-caption{display: inline-block;width: auto;}
.timeline-item.active .card{margin-left: 0}
.active .timeline-date, .active .timeline-icon{position: static;margin-bottom:10px;display: inline-block;width: auto;}
.timeline-caption p{font-size: 12px;margin-bottom: 0;margin-top: 10px;}
.timeline-footer{display: table-row;}
.timeline-footer a{display: table-cell;text-align: right;}
.timeline-footer .time-icon{margin-right: -15px;z-index: 5}

.select2-container .select2-choice{height: 30px;line-height: 28px;border: 1px solid #ccc;border-radius: 2px}
.select2-container .select2-choice div{background-color: transparent;background-image: none;border-left: none;}
.select2-container .select2-choice div b{background:none;position: relative; }
.select2-container .select2-choice div b:after{content: "\f0d7"; font-family: FontAwesome;color: #aaa;}
.select2-dropdown-open .select2-choice div b:after{content: "\f0d8"}
.select2-search input{background: #fff;}
.select2-search{position: relative;}
.select2-search:after{position:absolute;content: "\f002"; font-family: FontAwesome;color: #aaa;right: 5px;top:4px;width: 18px}
.select2-drop.select2-drop-above .select2-search:after{top:8px;}
.select2-container .select2-choice abbr{background: transparent;}
.select2-container .select2-choice abbr:after{content: "\f00d"; font-family: FontAwesome;position: absolute;top: -7px;font-size: 11px;color: #aaa}
.select2-results .select2-highlighted{background-color: #23d4b5}
.select2-container-multi .select2-choices{border: 1px solid #ccc;border-radius: 3px;padding-top: 2px}
.select2-container-multi .select2-choices .select2-search-choice{border: 1px solid #ccc}
.select2-search-choice-close{background: transparent;}
.select2-search-choice-close:after{content: "\f00d"; font-family: FontAwesome;font-size: 11px;color: #aaa;position: absolute;left: 2px;top: -1px}

.gallery img{border-radius: 3px 3px 0 0;}
.gallery .item{border-radius:3px;background-color: #fff;}
.gallery .desc{padding: 20px;}
.gallery .desc h4{margin-top: 0}
.gallery .item-media{position: relative;display: block;overflow: hidden;}
.gallery .item-media:before{
  content: "";
  background-color: rgba(19,196,125,0.8);
  position: absolute;
  left: -100%;
  width: 100%;
  bottom: 0;
  top: 0;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px 3px 0 0;
  z-index: 2;
}
.gallery .item-media:after{
  content: "\f067";
  font-family: FontAwesome;
  font-size: 28px;
  color: #fff;
  position: absolute;
  right: -50%;
  top: 50%;
  margin-right: -14px;
  margin-top: -14px;
  z-index: 3;
}

.gallery .item-media:hover:before{
  left: 0
}

.gallery .item-media:hover:after{
  right: 50%;
}

.gallery .item-media:before, .gallery .item-media:after{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#flotTip {
  padding: 3px 5px;
  background-color: #000;
  z-index: 100;
  color: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/***********************
  BOOTSTRAP EXTENTIONS
************************/
/* Override Bootstrap anchor tag colors */
a, a:visited {
    /*    color: #9c6a0e; */
    color: #704E29;
}

    a:focus:not(.mjb-dark),
    a:focus-visible:not(.mjb-dark),
    a:hover:not(.mjb-dark) {
        outline: 2px dotted #000 !important;
        outline-offset: 2px !important;
        /* remove the BS box shadow which creates a border on :focus-visible*/
        box-shadow: none !important;
    }

    /* Ensure Bootstrap btn classes with anchor tags maintain colors */
    a.btn:hover, a.btn:focus, a.btn.focus {
        color: #333;
    }

    a.btn-default, a.btn-default:hover, a.btn-default:focus, a.btn-default.focus
    .btn-default, .btn-default:hover, .btn-default:focus, .btn-default.focus {
        color: #4c4c4c;
    }

    a.btn-primary-alt {
        color: #434343;
    }

        a.btn-danger, a.btn-danger:hover, a.btn-danger:focus, a.btn-danger.focus,
        a.btn-info, a.btn-info:hover, a.btn-info:focus, a.btn-info.focus,
        a.btn-primary, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary.focus,
        a.btn-primary-alt:hover, a.btn-primary-alt:focus, a.btn-primary-alt.focus, a.btn-primary-alt:active, a.btn-primary-alt.active,
        a.btn-success, a.btn-success:hover, a.btn-success:focus, a.btn-success.focus {
            color: #fff;
        }

    a.btn-warning, a.btn-warning:hover, a.btn-warning:focus, a.btn-warning.focus,
    .btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
        color: #484848;
    }

    /* Ensure Bootstrap text classes with anchor tags maintain colors */
    .text-danger, a.text-danger {
        color: #a94442;
    }

        a.text-danger:hover, a.text-danger:focus, a.text-danger.focus {
            color: #843534;
        }

    .text-primary, a.text-primary {
        color: #2b52a3;
    }

        a.text-primary:hover, a.text-primary:focus, a.text-primary.focus {
            color: #337ab7;
        }

    a.text-success {
        color: #3c763d;
    }

        a.text-success:hover, a.text-success:focus, a.text-success.focus {
            color: #2b542c;
        }

    a.text-info {
        color: #31708f;
    }

        a.text-info:hover, a.text-info:focus, a.text-info.focus {
            color: #245269;
        }

    a.text-warning {
        color: #8a6d3b;
    }

        a.text-warning:hover, a.text-warning:focus, a.text-warning.focus {
            color: #66512c;
        }

    a.text-danger {
        color: #a94442;
    }

        a.text-danger:hover, a.text-danger:focus, a.text-danger.focus {
            color: #843534;
        }

.breadcrumb {
    background-color: transparent !important;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 4px;
    padding-left: 0;
}
/*.breadcrumb > .active {
    color:#737373;
}*/
.btn:focus, .btn:focus:active, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
}

.btn.btn-circle, .btn.btn-circle.disabled {
    padding: 2px 5px;
    box-shadow: none;
    border: none;
    background: transparent;
    color: #3a5a7a;
    font-weight: 300;
    transition: none;
}

    .btn.btn-circle:hover, .btn.btn-circle:active, .btn.btn-circle.active {
        box-shadow: none;
        background: transparent;
    }

.btn-circle > i {
    color: #a5b6c7;
    background: #e5e9ed;
    width: 60px;
    height: 60px;
    padding: 18px 0;
    font-size: 24px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
    line-height: normal;
    transition: all .3s ease-in-out 0s;
}

.btn-circle.btn-lg > i {
    width: 80px;
    height: 80px;
    padding: 22px 0;
    font-size: 36px;
}

.btn-circle.btn-sm > i {
    width: 40px;
    height: 40px;
    padding: 10px 0;
    font-size: 20px;
}

.btn-circle.btn-xs > i {
    width: 30px;
    height: 30px;
    padding: 8px 0;
    font-size: 14px;
}

.btn-circle b.badge {
    position: absolute;
    right: 5px;
    top: 2px;
}

.btn-circle .badge i {
    margin: 0 -2px
}

.btn-circle:hover > i, .btn-circle:focus > i, .btn-circle.focus > i {
    color: #e5e9ed;
    background: #a5b6c7;
}

.btn-white.btn-circle > i {
    color: #a5b6c7;
    background: #fff
}

.btn.btn-circle.disabled > i {
    background: #c4c9cf;
}

.btn-secondary {
    color: #325c8a;
    background-color: #e8e8e8;
    border: #e8e8e8;
}

.btn-primary {
    color: #fff;
    background-color: #9c6a0e;
    border-color: #9c6a0e;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #9c6a0e; /*#814e08;*/
        border-color: #784808;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        color: #ffffff;
        background-color: #5f5243;
        border-color: #5f5243;
    }

    .btn-primary .badge {
        color: #9c6a0e;
        background-color: #fff;
    }

.btn-primary-clear {
    color: #9c6a0e !important;
    background-color: #fff;
    border-color: #9c6a0e;
}

    .btn-primary-clear:focus,
    .btn-primary-clear.focus {
        color: #357ebd;
        background-color: #fff;
        border-color: #357ebd;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0px 3px 5px rgba(0,0,0,0.125);
    }

    .btn-primary-clear:hover {
        color: #357ebd;
        background-color: #fff;
        border-color: #357ebd;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0px 3px 5px rgba(0,0,0,0.125);
    }

    .btn-primary-clear:active,
    .btn-primary-clear.active,
    .open > .dropdown-toggle.btn-primary-clear,
    .btn-primary-clear:active:focus,
    .btn-primary-clear.active:focus,
    .open > .dropdown-toggle.btn-primary-clear:focus,
    .btn-primary-clear:active.focus,
    .btn-primary-clear.active.focus,
    .open > .dropdown-toggle.btn-primary-clear.focus {
        color: #357ebd;
        background-color: #fff;
        border-color: #357ebd;
    }

        .btn-primary-clear:active:hover,
        .btn-primary-clear.active:hover,
        .open > .dropdown-toggle.btn-primary-clear:hover {
            color: #13496c;
            background-color: #fafafa;
            border-color: #13496c;
        }

    .btn-primary-clear:active,
    .btn-primary-clear.active,
    .open > .dropdown-toggle.btn-primary-clear {
        background-image: none;
    }

    .btn-primary-clear.disabled,
    .btn-primary-clear[disabled],
    fieldset[disabled] .btn-primary-clear,
    .btn-primary-clear.disabled:hover,
    .btn-primary-clear[disabled]:hover,
    fieldset[disabled] .btn-primary-clear:hover,
    .btn-primary-clear.disabled:focus,
    .btn-primary-clear[disabled]:focus,
    fieldset[disabled] .btn-primary-clear:focus,
    .btn-primary-clear.disabled.focus,
    .btn-primary-clear[disabled].focus,
    fieldset[disabled] .btn-primary-clear.focus,
    .btn-primary-clear.disabled:active,
    .btn-primary-clear[disabled]:active,
    fieldset[disabled] .btn-primary-clear:active,
    .btn-primary-clear.disabled.active,
    .btn-primary-clear[disabled].active,
    fieldset[disabled] .btn-primary-clear.active {
        color: #9c6a0e;
        background-color: #e9f4fb;
        border-color: #67b2e4;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-primary-clear .badge {
        color: #fff;
        background-color: #67b2e4;
    }

.btn-danger-clear {
    color: #c53e3e;
    background-color: #fff;
    border-color: #c53e3e;
}

    .btn-danger-clear:focus,
    .btn-danger-clear.focus {
        color: #9d2f2f;
        background-color: #fff;
        border-color: #9d2f2f;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0px 3px 5px rgba(0,0,0,0.125);
    }

    .btn-danger-clear:hover {
        color: #9d2f2f;
        background-color: #fff;
        border-color: #9d2f2f;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0px 3px 5px rgba(0,0,0,0.125);
    }

    .btn-danger-clear:active,
    .btn-danger-clear.active,
    .open > .dropdown-toggle.btn-danger-clear,
    .btn-danger-clear:active:focus,
    .btn-danger-clear.active:focus,
    .open > .dropdown-toggle.btn-danger-clear:focus,
    .btn-danger-clear:active.focus,
    .btn-danger-clear.active.focus,
    .open > .dropdown-toggle.btn-danger-clear.focus {
        color: #9d2f2f;
        background-color: #fff;
        border-color: #9d2f2f;
    }

        .btn-danger-clear:active:hover,
        .btn-danger-clear.active:hover,
        .open > .dropdown-toggle.btn-danger-clear:hover {
            color: #621d1d;
            background-color: #fafafa;
            border-color: #621d1d;
        }

    .btn-danger-clear:active,
    .btn-danger-clear.active,
    .open > .dropdown-toggle.btn-danger-clear {
        background-image: none;
    }

    .btn-danger-clear.disabled,
    .btn-danger-clear[disabled],
    fieldset[disabled] .btn-danger-clear,
    .btn-danger-clear.disabled:hover,
    .btn-danger-clear[disabled]:hover,
    fieldset[disabled] .btn-danger-clear:hover,
    .btn-danger-clear.disabled:focus,
    .btn-danger-clear[disabled]:focus,
    fieldset[disabled] .btn-danger-clear:focus,
    .btn-danger-clear.disabled.focus,
    .btn-danger-clear[disabled].focus,
    fieldset[disabled] .btn-danger-clear.focus,
    .btn-danger-clear.disabled:active,
    .btn-danger-clear[disabled]:active,
    fieldset[disabled] .btn-danger-clear:active,
    .btn-danger-clear.disabled.active,
    .btn-danger-clear[disabled].active,
    fieldset[disabled] .btn-danger-clear.active {
        color: #c53e3e;
        background-color: #f9ebeb;
        border-color: #d67676;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-danger-clear .badge {
        color: #fff;
        background-color: #d67676;
    }

.btn-approved-status {
    color: #37a447 !important;
    background-color: #fff;
    border-color: #efefef;
    border-radius: 6px;
    border-width: 2px;
}

    .btn-approved-status:focus,
    .btn-approved-status.focus {
        color: #37a447;
        background-color: #fff;
        border-color: #37a447;
    }

    .btn-approved-status:hover {
        color: #37a447;
        background-color: #fff;
        border-color: #37a447;
    }

    .btn-approved-status:active,
    .btn-approved-status.active,
    .open > .dropdown-toggle.btn-approved-status,
    .btn-approved-status:active:focus,
    .btn-approved-status.active:focus,
    .open > .dropdown-toggle.btn-approved-status:focus,
    .btn-approved-status:active.focus,
    .btn-approved-status.active.focus,
    .open > .dropdown-toggle.btn-approved-status.focus {
        color: #37a447;
        background-color: #fff;
        border-color: #37a447;
    }

        .btn-approved-status:active:hover,
        .btn-approved-status.active:hover,
        .open > .dropdown-toggle.btn-approved-status:hover {
            color: #37a447;
            background-color: #fff;
            border-color: #206029;
        }

    .btn-approved-status:active,
    .btn-approved-status.active,
    .open > .dropdown-toggle.btn-approved-status {
        background-image: none;
    }

    .btn-approved-status.disabled,
    .btn-approved-status[disabled],
    fieldset[disabled] .btn-approved-status,
    .btn-approved-status.disabled:hover,
    .btn-approved-status[disabled]:hover,
    fieldset[disabled] .btn-approved-status:hover,
    .btn-approved-status.disabled:focus,
    .btn-approved-status[disabled]:focus,
    fieldset[disabled] .btn-approved-status:focus,
    .btn-approved-status.disabled.focus,
    .btn-approved-status[disabled].focus,
    fieldset[disabled] .btn-approved-status.focus,
    .btn-approved-status.disabled:active,
    .btn-approved-status[disabled]:active,
    fieldset[disabled] .btn-approved-status:active,
    .btn-approved-status.disabled.active,
    .btn-approved-status[disabled].active,
    fieldset[disabled] .btn-approved-status.active {
        color: #66cc75;
        background-color: #ecf9ee;
        border-color: #d9d9d9;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-approved-status .badge {
        color: #fff;
        background-color: #194d21;
    }

.btn-denied-status {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
    border-radius: 6px;
    border-width: 2px;
}

    .btn-denied-status:focus,
    .btn-denied-status.focus {
        color: #a94442;
        background-color: #f2dede;
        border-color: #761c19;
    }

    .btn-denied-status:hover {
        color: #a94442;
        background-color: #f2dede;
        border-color: #761c19;
    }

    .btn-denied-status:active,
    .btn-denied-status.active,
    .open > .dropdown-toggle.btn-denied-status {
        color: #a94442;
        background-color: #f2dede;
        border-color: #761c19;
    }

        .btn-denied-status:active:hover,
        .btn-denied-status.active:hover,
        .open > .dropdown-toggle.btn-denied-status:hover,
        .btn-denied-status:active:focus,
        .btn-denied-status.active:focus,
        .open > .dropdown-toggle.btn-denied-status:focus,
        .btn-denied-status:active.focus,
        .btn-denied-status.active.focus,
        .open > .dropdown-toggle.btn-denied-status.focus {
            color: #a94442;
            background-color: #f2dede;
            border-color: #761c19;
        }

    .btn-denied-status:active,
    .btn-denied-status.active,
    .open > .dropdown-toggle.btn-denied-status {
        background-image: none;
    }

    .btn-denied-status.disabled,
    .btn-denied-status[disabled],
    fieldset[disabled] .btn-denied-status,
    .btn-denied-status.disabled:hover,
    .btn-denied-status[disabled]:hover,
    fieldset[disabled] .btn-denied-status:hover,
    .btn-denied-status.disabled:focus,
    .btn-denied-status[disabled]:focus,
    fieldset[disabled] .btn-denied-status:focus,
    .btn-denied-status.disabled.focus,
    .btn-denied-status[disabled].focus,
    fieldset[disabled] .btn-denied-status.focus,
    .btn-denied-status.disabled:active,
    .btn-denied-status[disabled]:active,
    fieldset[disabled] .btn-denied-status:active,
    .btn-denied-status.disabled.active,
    .btn-denied-status[disabled].active,
    fieldset[disabled] .btn-denied-status.active {
        background-color: #f0dede;
        border-color: #d43f3a;
    }

    .btn-denied-status .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-pending-status {
    color: #2b52a3 !important;
    background-color: #fff;
    border-color: #efefef;
    border-radius: 6px;
}

    .btn-pending-status:focus,
    .btn-pending-status.focus {
        color: #2b52a3;
        background-color: #fff;
        border-color: #2b52a3;
    }

    .btn-pending-status:hover {
        color: #2b52a3;
        background-color: #fff;
        border-color: #2b52a3;
    }

    .btn-pending-status:active,
    .btn-pending-status.active,
    .open > .dropdown-toggle.btn-pending-status,
    .btn-pending-status:active:focus,
    .btn-pending-status.active:focus,
    .open > .dropdown-toggle.btn-pending-status:focus,
    .btn-pending-status:active.focus,
    .btn-pending-status.active.focus,
    .open > .dropdown-toggle.btn-pending-status.focus {
        color: #2b52a3;
        background-color: #fff;
        border-color: #2b52a3;
    }

        .btn-pending-status:active:hover,
        .btn-pending-status.active:hover,
        .open > .dropdown-toggle.btn-pending-status:hover {
            color: #2b52a3;
            background-color: #fff;
            border-color: #13496c;
        }

    .btn-pending-status:active,
    .btn-pending-status.active,
    .open > .dropdown-toggle.btn-pending-status {
        background-image: none;
    }

    .btn-pending-status.disabled,
    .btn-pending-status[disabled],
    fieldset[disabled] .btn-pending-status,
    .btn-pending-status.disabled:hover,
    .btn-pending-status[disabled]:hover,
    fieldset[disabled] .btn-pending-status:hover,
    .btn-pending-status.disabled:focus,
    .btn-pending-status[disabled]:focus,
    fieldset[disabled] .btn-pending-status:focus,
    .btn-pending-status.disabled.focus,
    .btn-pending-status[disabled].focus,
    fieldset[disabled] .btn-pending-status.focus,
    .btn-pending-status.disabled:active,
    .btn-pending-status[disabled]:active,
    fieldset[disabled] .btn-pending-status:active,
    .btn-pending-status.disabled.active,
    .btn-pending-status[disabled].active,
    fieldset[disabled] .btn-pending-status.active {
        color: #9c6a0e;
        background-color: #e9f4fb;
        border-color: #67b2e4;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-pending-status .badge {
        color: #fff;
        background-color: #67b2e4;
    }

.btn-primary-alt {
    color: #434343;
    background-color: #f7f7f7;
    border-color: #efefef;
}

    .btn-primary-alt:hover,
    .btn-primary-alt:focus,
    .btn-primary-alt:active,
    .btn-primary-alt.active,
    .open > .dropdown-toggle.btn-primary-alt {
        color: #fff;
        background-color: #26438c;
        border-color: #26438c;
    }

    .btn-primary-alt:active,
    .btn-primary-alt.active,
    .open > .dropdown-toggle.btn-primary-alt {
        background-image: none;
    }

    .btn-primary-alt.disabled,
    .btn-primary-alt[disabled],
    fieldset[disabled] .btn-primary-alt,
    .btn-primary-alt.disabled:hover,
    .btn-primary-alt[disabled]:hover,
    fieldset[disabled] .btn-primary-alt:hover,
    .btn-primary-alt.disabled:focus,
    .btn-primary-alt[disabled]:focus,
    fieldset[disabled] .btn-primary-alt:focus,
    .btn-primary-alt.disabled:active,
    .btn-primary-alt[disabled]:active,
    fieldset[disabled] .btn-primary-alt:active,
    .btn-primary-alt.disabled.active,
    .btn-primary-alt[disabled].active,
    fieldset[disabled] .btn-primary-alt.active {
        color: rgba(76,76,76,0.75);
        background-color: rgba(247,247,247,0.75);
        border-color: rgba(247,247,247,0.75);
    }

    .btn-primary-alt .badge {
        color: #fff;
        background-color: #26438c;
    }

    .btn-primary-alt:hover .badge,
    .btn-primary-alt:focus .badge,
    .btn-primary-alt:active .badge,
    .btn-primary-alt.active .badge,
    .open > .dropdown-toggle.btn-primary-alt .badge {
        color: #434343;
        background-color: #f7f7f7;
    }

.btn-squared-larger {
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/*begin header styles*/
nav.navbar {
    background-color: #2b52a3;
    color: #fff;
    height: 75px;
}

    nav.navbar .header-title {
        max-width: 460px;
        font-family: Times New Roman;
        font-size: 24px;
        color: #ffffff;
        font-weight: 700;
        text-decoration: none solid rgb(255, 255, 255);
        text-transform: uppercase;
        line-height: 24px;
        position: absolute;
        top: 12px;
        left: 90px;
    }

.navbar-brand {
    border: 0;
}
/*for fixed footer */

.navbar-fixed-bottom-court {
    border-radius: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 5; /*Handles z-index values by some Bootstrap form styles (e.g., input-group)*/
}


.navbar-fixed-bottom-court {
    border-width: 0 0 1px;
    padding: 16px 15px;
    bottom: 0;
    margin-bottom: 0;
}

    .navbar-fixed-bottom-court .navbar-nav > li > .dropdown-menu {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

.form-control, .form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #2b52a3;
    }

    .form-control.pics-text-xl {
        height: auto;
    }

.popover .popover-content {
    word-wrap: break-word;
}

/****************
  ALERT MESSAGE
*****************/
.mjbAlertMessage {
    display: none;
    font-size: 1em;
}

/*********************
  COURT USERS DETAIL
**********************/
.mjbTabContentCourtUsersDetail {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 20px;
}

/************************
  DATATABLES ADJUSTMENTS 
*************************/

.dataTables_length {
    float: left;
}

.dataTables_info {
    float: left;
}

a.current {
    /* 4/13/2018 - FH - current page color in datatable pagination is changed to gray per designer request */
    /*background-color:#666 !important;
        color:#fff;*/
    /*background-color:#666 !important;
       color:#fff;*/
    background-color: #ebebeb !important;
    color: #4c4c4c;
}

    a.current:hover {
        background-color: #ddd !important;
        text-decoration: none;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fcfcfc !important;
}

/*.table-hover > tbody > tr:hover {
    background-color: #eaf4fb !important;
}*/

.table-bordered {
    border: 1px solid #efefef !important;
}

thead {
    background-color: #e8e8e8;
}

thead > tr > th:hover, thead > tr > th:focus {
    outline: 3px dotted #000;
    outline-offset: -3px;
}

/* thead > tr > th, thead > tr > th:hover {
    background-color: transparent !important;
    border: none !important;
}*/

/*tbody > tr > td, tbody > tr > td:hover {
    background-color: transparent !important;
    border: none !important;
}*/

.dataTables_filter #FilterButton span {
    color: rgba(0,0,0,0.65);
}

    .dataTables_filter #FilterButton span:hover {
        color: rgba(0,0,0,1);
    }

.dataTables_filter {
    float: left !important;
    width: 100% !important;
    padding-left: 0 !important;
}

.dataTables_filter #FilterButton:hover {
    text-decoration: none;
}

.dataTables_filter input {
    width: 90% !important;
    max-width: 300px !important;
    font-size: 14px;
}

.dataTables_filter input.pics-data-tables-search-wide {
    width: 90% !important;
    max-width: 450px !important;
}

.dataTables_paginate > .buttonGroup > .paginate_button {
    margin: 2px !important;
}

.dataTables_paginate > .buttonGroup > .paginate_button:hover {
    background-color: #9c6a0e !important;
    color: #ffffff;
}
.dataTables_paginate > .buttonGroup > .paginate_button:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: white;
}

.dataTables_paginate > .buttonGroup > .paginate_button:focus-visible {
        color: #9a6b39;
    }

    .dataTables_paginate > .buttonGroup > .paginate_button:focus-visible:hover {
        color: #ffffff;
    }

.dataTables_paginate > .buttonGroup > .paginate_button.active {
        color: #9c6a0e !important;
        font-weight: bold !important;
        border: 1px solid #9c6a0e;
    }

    .dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active {
        border-right-width: 1px !important;
        color: var(--bs-primary-800);
    }
    /* search box of data tables */
    .dataTables_filter input[type="search"] {
        width: 400px !important;
        margin-left: 5px !important;
    }
    /* label that was generated by the DataTables plugin */
    .dataTables_filter label {
        display: inline-block !important;
    }
    /* Filter button located in frond of search box of data tables */
    .dataTables_filter #FilterButton {
        margin-right: 20px;
    }
    /* class to make Bootstrap 5 icon bold */
    .bi-bold {
        -webkit-text-stroke: 1px;
    }
    /* Three styles below are related to Bug 61328 - NVDA is unable to browse to each button in the pagination section  */
    .buttonGroup button {
        display: block;
    }

    .buttonGroup {
        display: flex;
        flex-wrap: wrap;
    }

    .pull-left [class^="dataTables_"] {
        padding-left: 0 !important;
    }

    .pull-right [class^="dataTables_"] {
        padding-right: 0 !important;
    }

    .input-group-addon.pics-addon-form {
        border-radius: 0;
    }
    /*footer {
    background-color: #ececec !important;*/
    /*opacity: 0.15;*/
    /*padding:16px 15px;
}*/


    h1.mjbTitleFlint {
        font-size: 24px;
    }

    .mjbTitleFlint {
        color: #3C4C66;
        font-family: Quattrocento, Regular;
        font-weight: 700;
        text-decoration: none solid;
    }

    .mjbFooterGray {
        color: #4c4c4c;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

        .mjbFooterGray a {
            color: #4c4c4c;
            text-decoration: none;
        }

            .mjbFooterGray a:focus, .mjbFooterGray a:hover {
                color: #4c4c4c;
                text-decoration: underline;
            }

        .mjbFooterGray ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .mjbFooterGray ul li {
                display: inline;
            }

                .mjbFooterGray ul li + li:before {
                    content: " | ";
                    padding: 0 14px;
                }

    #SettingsLevel1.card,
    #SettingsLevel2.card {
        border-radius: 0;
        margin-bottom: 0;
    }

        #SettingsLevel1.card .card-header,
        #SettingsLevel2.card .card-header {
            border-radius: 0;
        }
    /*
FH - home page login dropdown menu background color to match app banner color
*/
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #2b52a3;
    }

    .dropdown-menu .divider {
        margin: 0;
        background-color: rgba(138,138,138,0.3);
    }

    .dropdown-menu > li > a,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #4c4c4c;
    }

    .pics-header-login .dropdown-menu > li > a {
        padding: 10px;
        font-weight: bold;
    }

        .pics-header-login .dropdown-menu > li > a:hover,
        .pics-header-login .dropdown-menu > li > a:focus {
            color: #2b52a3;
        }
    /****************
  ALERT MESSAGE
*****************/
    .alert-clear {
        /*display:none;*/
        font-size: 1em;
        border: 0;
        background-color: transparent;
    }

    .alert {
        border: 0;
        border-radius: 0px;
        margin-bottom: 10px !important;
        margin-top: 0;
    }

    .form-control {
        border-radius: 0;
    }

    .row.padding10 > [class^="col-"], .row.padding10 > [class*=" col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }

    .row.padding7 > [class^="col-"], .row.padding7 > [class*=" col-"] {
        padding-right: 7px;
        padding-left: 7px;
    }

    .row.padding0 > [class^="col-"], .row.padding0 > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    /******************
  BOOTBOX STYLING
*******************/
    .bootbox.modal .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .bootbox.modal .modal-header {
        background-color: #2b52a3;
        width: 100%;
    }

        .bootbox.modal .modal-header .modal-title {
            height: 26px;
            font-family: Quattrocento;
            font-size: 22px;
            color: #ffffff;
            text-decoration: none solid rgb(255, 255, 255);
            text-transform: uppercase;
        }

        .bootbox.modal .modal-header button {
            height: 26px;
        }

        .bootbox.modal .modal-header .close, .close:hover, .close:focus {
            color: #fff;
        }

        .bootbox.modal .modal-header .close {
            filter: alpha(opacity=70);
            opacity: 0.7;
        }

            .bootbox.modal .modal-header .close:hover, .close:focus {
                filter: alpha(opacity=100);
                opacity: 1;
            }

    .bootbox.modal .modal-body {
        background-color: #fafafa;
        max-width: 603px !important;
    }

    .bootbox.modal .modal-footer {
        background-color: #fafafa;
        border: none;
        text-align: center;
    }

        .bootbox.modal .modal-footer .pics-modal-btn-primary {
            margin-right: 20px !important;
            width: 100px;
            height: 33px;
            background-color: #9c6a0e;
        }

        .bootbox.modal .modal-footer .pics-modal-btn-default {
            margin-right: 20px !important;
            width: 100px;
            height: 33px;
        }

        .bootbox.modal .modal-footer .pics-modal-btn:last-child {
            margin-right: 0;
        }

    #ERADocuments {
        width: 100% !important;
    }

    tr.show {
        display: table-row !important;
    }

    .modal-body {
        max-height: 80vh;
        overflow: auto;
    }

    #ExaminerQualificationsTable div.pics-well {
        height: 300px !important;
    }

    .dataTables_processing {
        top: 25%;
    }

    .card-header .dropdown-menu a {
        color: #000 !important;
    }

    .card-header .dropdown a, .card-header .dropdown i {
        color: #fff;
    }

    .card-header .dropdown-tog {
        display: none;
    }
    /* Removing background color from th elements on CourtUsers/Invoices */
    thead.work-request-header th {
        background-color: transparent !important;
    }


    .row-group-invoice {
        border-bottom: 2px solid #9c6a0e;
    }
    /* Sitemap Grid - changes on smaller screens - media queries in media.css */
    .sitemap-grid-container {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(5, 30px);
        grid-template-columns: repeat(4, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 50px;
    }
    /* Examiners/Institution Users Sitemap Grid - column-first tabbing order */
    .sitemap-grid-container-examiners {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(3, 30px);
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 50px;
    }
    /* Footer -  Display Pipe before a footer element */
    .footer-version:before {
        content: " | ";
        padding: 0 14px;
    }

    .mjb-footer-row {
        justify-content: flex-start !important;
    }
    /* Timeout dialog */
    #timeoutModal .modal-dialog {
        margin-top: 150px; /* Moving dialog down on the screen */
    }

    .nav-tabs > li:not(.active) > .nav-link {
        color: var(--bs-primary);
        background-color: var(--bs-white);
    }

    .nav-tabs > li.active > .nav-link {
        color: var(--bs-white);
        background-color: var(--bs-primary);
    }

    .nav-tabs > li:not(.active) > .nav-link:hover, .pics-nav-horizontal > li:not(.active) > .nav-link:focus {
        background-color: var(--bs-primary-100);
        color: var(--bs-black);
    }

        .nav-tabs > li:not(.active) > .nav-link:hover > .badge, .pics-nav-horizontal > li:not(.active) > .nav-link:focus > .badge {
            background-color: var(--bs-black);
            color: var(--bs-white);
        }

body {
    color:#4c4c4c;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    padding-top: 0px;
}
#content
{
    padding-left: 20px;
    padding-right: 30px;
}
 
h1 {
    font-family: quattro;
    font-size:1.7rem;
}
h2 {
    font-family: quattro;
    font-size: 1.5rem;
}
h3 {
    font-family: quattro;
    font-size: 1.2rem;
}
h4 {
    font-family: quattro;
    font-size: 1.0rem;
}
p { font-size:14px; }

#FilterButton { position:relative; top:3px; }
#FilterButton:hover, #FilterButton:focus { text-decoration:none; }

#alertMessage,
#modalAlertMessage {
    display:none;
    font-size:1em;
}

#SettingsHeader {
    margin-bottom:4px;
}

/*begin accordion wizard styles*/
a.accordion-disabled {
    color: #999;
}

.show-inline {
    display:inline !important;
}

.show-inline-block {
    display:inline-block !important;
}

/*div.card-header .badge {
    background-color: #999 !important;
}

div.card-header .badge-info {
    background-color: #000099 !important;
}

div.card-header .badge-success {
    background-color: #009900 !important;
}
div.card-header-active{
    background-color:#9c6a0e !important;
}
div.card-header-active .card-title a {
    color:#fff !important;
}*/
i.completed
{
    color:#0f0;
    font-size:22px;
}

i.fa-star-active {
    color:#9c6a0e;
    font-weight:bold;
}

input[type="text"], input[type="text"]:focus,
input[type="password"], input[type="password"]:focus,
input[type="search"], input[type="search"]:focus,
select, select:focus, textarea, textarea:focus {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

input[type="text"]:focus, input[type="password"]:focus,
input[type="search"]:focus, select:focus, textarea:focus {
    border-color:#9c6a0e;
}

label {
    font-family:'Open Sans', sans-serif;
    font-weight:normal;
    font-size:14px;
    color:#4c4c4c;
}

div.language-highlighted label {
    font-weight:bold !important;    
}

.pics-squared {
    border-radius:0;
}

.pics-no-border {
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.pics-court-staff-add-edit.card-group .card,
.pics-court-staff-add-edit.card-group .card + .card {
    margin-top:0;
}

/*.pics-court-staff-add-edit.card-header .pics-collapse-icon:before,*/
.card-header .pics-collapse-icon:before {
    color:#fff;
    content:"\f106";
    font-family:FontAwesome;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
}

/*.pics-court-staff-add-edit.card-header.collapsed .pics-collapse-icon:before,*/
.card-header.collapsed .pics-collapse-icon:before {
    color:#fff;
    content:"\f107";
    font-family:FontAwesome;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
}

.card-header.pics-text-tundora .pics-collapse-icon:before,
.card-header.pics-text-tundora.collapsed .pics-collapse-icon:before {
    color:#4c4c4c;
}

.card-header.pics-bg-mercury:hover {
    background-color:#e8e8e8;
}

.pics-court-staff-add-edit.card-header .pics-accordion-icon:before,
.card-header .pics-accordion-icon:before {
    color:#717171; /*previously #8c8c8c - updated for accessibility color contrast*/
    content:"\f106";
    font-family:FontAwesome;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
}

.pics-court-staff-add-edit.card-header.collapsed .pics-accordion-icon:before,
.card-header.collapsed .pics-accordion-icon:before {
    color:#717171; /*previously #8c8c8c - updated for accessibility color contrast*/
    content:"\f107";
    font-family:FontAwesome;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
}

.pics-court-staff-add-edit.card-header .badge {
    background-color:#ebebeb;
    color:#4c4c4c;
}

.pics-panel {
    margin-bottom:1px;
}

.pics-panel,
.pics-panel > .card-header,
.pics-panel > .card-body {
    background-color:transparent;
    border:none;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.pics-panel .card-header:hover {
    background-color:transparent;
}

.pics-filter-header {
    padding:20px 0 15px 0;
}

.pics-button {
    cursor:pointer;
    margin: 2px 3px;
    padding:6px 10px;
}

.pics-button-left-align {
    cursor:pointer;
    margin: 2px 3px;
}

.pics-cursor-pointer {
    cursor:pointer;
}
.pics-cursor-pointer:hover {
    background-color:#4c4c4c;
}
.pics-badge-light.badge {
    background-color:rgba(255,255,255,0.5);
    color:#000000;
    font-weight:normal;
    padding-left:10px;
    padding-right:10px;
}

.pics-badge-light.pics-text-bold {
    font-weight:bold;
}

.pics-text-decoration-none,
.pics-text-decoration-none:hover,
.pics-text-decoration-none:focus {
    text-decoration:none;
}

.pics-toggle-caret-link {
    padding-left:4px;
    padding-right:3px;
}

.pics-toggle-caret-link.collapsed {
    padding-left:5px;
    padding-right:5px;
}

a.pics-toggle-caret-link, a.pics-toggle-caret-link:visited {
    color:#342f2c; /*rgba(52,47,44,1)*/
    text-decoration:none;
}

a.pics-toggle-caret-link:hover, a.pics-toggle-caret-link:focus, a.pics-toggle-caret-link.focus {
    color:#9c6a0e; /*rgba(43,82,163,1)*/
    outline:none;
    text-decoration:none;
}

.pics-indicator {
    border-radius:2px;
    font-weight:bold;
    padding:2px 3px;
    text-decoration:none solid;
}

.pics-indicator-inter-agency {
    background-color:rgba(184,126,33,0.20);
    color:#b87e21;
}

.pics-indicator-vendor {
    background-color:rgba(114,38,237,0.20);
    color:#7226ed;
}

.pics-indicator-status {
    background-color:#fff;
    border-radius:6px;
    display:inline-block;
    padding:3px 5px;
    min-width:90px;
    text-align:center;
    text-decoration:none solid;
}

.pics-indicator-status-approved {
    border:1px solid #21682c;
    color:#21682c;
}

.pics-indicator-status-denied {
    border:1px solid #c53e3e;
    color:#c53e3e;
}

.pics-indicator-status-pending {
    border: 1px solid #767676;
    color: #4c4c4c;
}

.pics-mock-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 6px;
}
.pics-mock-btn-approved-status {
  color: #21682c !important;
  background-color: #fff;
  border-color: #21682c;
  border-width:2px;
  -webkit-box-shadow:none;
  box-shadow:none;
  cursor:default;
}
.pics-mock-btn-denied-status {
  color: #a94442 !important;
  background-color: #f2dede;
  border-color: #a94442;
  border-width:2px;
  -webkit-box-shadow:none;
  box-shadow:none;
  cursor:default;
}
.pics-mock-btn-pending-status {
  color: #9c6a0e !important;
  background-color: #fff;
  border-color: #efefef;
  -webkit-box-shadow:none;
  box-shadow:none;
  cursor:default;
}

.pics-min-width-200 {
    min-width:200px;
}

.pics-bg-cello {
    background-color:#223f5e !important;
    color:#fff !important;
}

.pics-bg-curious-blue {
    background-color:#3498db !important;
    color:#fff !important;
}

.pics-bg-gallery2 {
    background-color:#ebebeb;
}

.pics-bg-gallery2-opacity20 {
    background-color:rgba(235,235,235,0.20);
}

.pics-bg-gallery2-opacity50 {
    background-color:rgba(235,235,235,0.50);
}

.pics-bg-gallery2-opacity70 {
    background-color:rgba(235,235,235,0.70);
}

.pics-bg-mercury {
    background-color:#e8e8e8;
}

.pics-bg-mercury-opacity30 {
    background-color:rgba(232,232,232,0.40);
}

.row .pics-bg-mercury-opacity30 {
    margin-left:0;
    margin-right:0;
}

.pics-bg-past-due-red {
    background-color:rgba(255,0,0,1);
}

.pics-bg-st-tropaz {
    background-color:#9c6a0e !important;
    color:#fff !important;
}

.pics-bg-wild-sand {
    background-color:#f7f7f7 !important; /*rgba(247,247,247,1)*/
}

.pics-border-mercury {
    border:1px solid #e8e8e8;
}

.pics-border-wild-sand {
    border:1px solid #f7f7f7;
}

.pics-rows-border-bottom div.row:after {
    content: "";
    display: block;
    border-bottom:1px solid #e8e8e8;
    margin: 0 15px;
}

.pics-rows-border-bottom div.row:last-child:after {
    border-bottom:none;
}

.pics-block {
    display:block !important;
}

.pics-inline-block {
    display:inline-block !important;
}

.pics-padding-11px {
    padding:11px;
}

.pics-padding-25px-22px {
    padding:25px 22px;
}

.pics-padding-lr-15px {
    padding:0 15px;
}

.pics-padding-child-divs-13px > div {
    margin-bottom:13px;
}

.pics-padding-child-divs-13px > div:last-child {
    margin-bottom:0;
}

.pics-margin-bottom-15px {
    margin-bottom:15px;
}

.pics-required:after {
    color:#4c4c4c;
    content:" *";
    font-size:14px;
}
.pics-title-quattro {
    font-family: Quattrocento,serif;
    margin-top: 6px;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: bold;
    color: var(--bs-secondary) !important;
}

.pics-title-quattro-lg,
h1.pics-title-quattro-lg {
    color: #4c4c4c;
    font-family: Quattrocento,serif;
    /*font-size:20px;*/
    font-weight: bold;
    margin-top: 6px;
    text-decoration: none;
    text-transform: capitalize;
    /*text-align:justify;*/ /*removed to avoid white space issues when title would wrap (Joe DeGroot 11/18/2019)*/
}

.pics-title-quattro-home-page,
h1.pics-title-quattro-home-page {
    color: #3c4c66;
    font-family: Quattrocento,serif;
    font-size:1.7rem;
    font-weight: 700;
    /*margin-top:6px;*/
    text-decoration: none;
}

.pics-title-open-sans-md {
    color:#342f2c;
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    font-weight:bold;
}

.pics-title-open-sans-md-white {
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.pics-title-open-sans {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.pics-label {
    color: #4c4c4c; /*previously #8c8c8c - updated for accessibility color contrast*/
    font-size: 14px;
    font-weight: bold !important; /*previously normal*/
    /*text-align:justify;*/
    text-transform: capitalize;
}

.pics-label-tundora {
    color:#4c4c4c;
    font-size:14px;
    font-weight:bold; /*previously normal*/
    /*text-align:justify;*/
    text-transform:capitalize;
}

hr.pics-hr-unnamed-gray {
    border:1px solid #d1d1d1;
    margin-bottom:5px;
    margin-top:3px;
}

hr.pics-hr-unnamed-black {
    border:1px solid #666;
    /*margin-bottom:5px;
    margin-top:3px;*/
}

.pics-text-capitalize {
    text-transform:capitalize;
}

.pics-text-center {
    text-align:center;
}

.pics-text-justify {
    text-align:justify;
}

.pics-text-wrap {
    white-space:normal;
    word-wrap:break-word;
}

.pics-text-xxl, .pics-text-xxl p {
    font-size:24px;
}

.pics-text-xl, .pics-text-xl p {
    font-size:22px;
}

.pics-text-lg, .pics-text-lg p {
    font-size:20px;
}

.pics-text-md, .pics-text-md p {
    font-size:16px;
}

.pics-text-sm, .pics-text-sm p {
    font-size:14px;
}

.pics-text-xs, .pics-text-xs p {
    font-size:12px;
}

.pics-text-bold {
    font-weight:bold;
}

.pics-text-italic {
    font-style:italic;
}

pics-text-alabaster {
    color:#fafafa; /*rgba(250,250,250,1)*/
}

pics-text-apple-blossom {
    color:#a94442; /*rgba(169,68,66,1)*/
}

pics-text-apple-blossom-opacity-35 {
    color:rgba(169,68,66,0.35);
}

.pics-text-astral {
    color:#337ab7; /*rgba(,,,1)*/
}

.pics-text-bay-of-many {
    color:#26438c; /*rgba(38,67,140,1)*/
}

.pics-text-bizarre {
    color:#f2dede; /*rgba(242,222,222,1)*/
}

.pics-text-black-opacity-50 {
    color:rgba(0,0,0,0.50);
}

.pics-text-boston-blue {
    color:#357ebd; /*rgba(53,126,189,1)*/
}

.pics-text-cello {
    color:#223f5e; /*rgba(34,63,94,1)*/
}

.pics-text-chambray {
    color:#325c8a; /*rgba(50,92,138,1)*/
}

.pics-text-champagne {
    color:#faebcc; /*rgba(250,235,204,1)*/
}

.pics-text-cinnabar {
    color:#e35832; /*rgba(,,,1)*/
}

.pics-text-cod-gray {
    color:#1f1c1c; /*rgba(31,28,28,1)*/
}

.pics-text-curious-blue {
    color:#3498db; /*rgba(52,152,219,1)*/
}

.pics-text-dune, a.pics-text-dune, a.pics-text-dune:visited {
    color:#342f2c; /*rgba(52,47,44,1)*/
}
a.pics-text-dune:hover, a.pics-text-dune:focus, a.pics-text-dune.focus { color:#337ab7; /*rgba(51,122,183,1)*/ }

.card-header .pics-text-dune{
    color:#fff;
}

.pics-text-dusty-gray {
    color: #999; /*rgba(153,153,153,1)*/
}

.pics-text-fiord {
    color:#3c4c66; /*rgba(60,76,102,1)*/
}

.pics-text-flint {
    color:#66625e; /*rgba(102,98,94,1)*/
}

.pics-text-gallery1 {
    color:#efefef; /*rgba(239,239,239,1)*/
}

.pics-text-gallery2 {
    color:#ebebeb; /*rgba(235,235,235,1)*/
}

.pics-text-gallery3 {
    color:#eee; /*rgba(238,238,238,1)*/
}

.pics-text-gray {
    color:#717171; /*rgba(113,113,113,1)*/ /*previously #8c8c8c or rgba(140,140,140,1) - updated for accessibility color contrast*/
}

.pics-text-gray-opacity-35 {
    color: #717171; /*previously rgba(140,140,140,0.35) - updated for accessibility color contrast*/
}

.pics-text-gray2 {
    color:#8a8a8a; /*rgba(138,138,138,1)*/
}

.pics-text-gray3 {
    color:#8c8c8c; /*rgba(140,140,140,1)*/
}

.pics-text-hokey-pokey {
    color:#c9a22c; /*rgba(201,162,44,1)*/
}

.pics-text-link-water {
    color:#d9edf7; /*rgba(217,237,247,1)*/
}

.pics-text-mercury {
    color:#e8e8e8; /*rgba(232,232,232,1)*/
}

.pics-text-mojo {
    color:#c53e3e; /*rgba(197,62,62,1)*/
}

.pics-text-new-york-pink {
    color:#d57373; /*rgba(213,115,115,1)*/
}

.pics-text-past-due-red {
    color:#ff0000; /*rgba(255,0,0,1)*/
}

.pics-text-polar {
    color:#eaf4fb; /*rgba(234,244,251,1)*/
}

.pics-text-silver {
    color:#c8c8c8; /*rgba(200,200,200,1)*/
}

.pics-text-silver-chalice {
    color:#aaa; /*rgba(170,170,170,1)*/
}

.pics-text-silver-chalice2 {
    color:#a3a3a3; /*rgba(163,163,163,1)*/
}

.pics-text-st-tropaz {
    color:#9c6a0e; /*rgba(43,82,163,1)*/
}

.pics-text-tundora {
    color:#4c4c4c; /*rgba(76,76,76,1)*/
}

.pics-text-tundora2 {
    color:#474747; /*rgba(71,71,71,1)*/
}

.pics-text-unnamed-gray {
    color:#d1d1d1; /*rgba(209,209,209,1)*/
}

.pics-text-wild-sand {
    color:#f7f7f7; /*rgba(247,247,247,1)*/
}

.pics-text-wild-sand2 {
    color:#f5f5f5; /*rgba(245,245,245,1)*/
}

.pics-text-zest {
    color:#e37632; /*rgba(227,118,50,1)*/
}

.pics-examiners-db-summary-wrapper div,
.pics-institution-db-summary-wrapper div {
    display:inline-block !important;
    margin-right:15px;
}

.pics-examiners-db-summary-wrapper div:last-child,
.pics-institution-db-summary-wrapper div:last-child {
    margin-right:0;
}

.pics-examiners-db-summary-wrapper div > a,
.pics-institution-db-summary-wrapper div > a {
    min-width:350px;
    text-align:left !important;
}

.pics-expense-cards [class^="pics-expense-label"] {
    font-size:16px;
}

.pics-expense-cards [class^="pics-icon"]:after {
    font-size:1.33em;
}

/*******************
  DISTRICT COLUMNS
********************/

.pics-columns-4 {
    -webkit-columns:100px 4; /* Chrome, Safari, Opera */
    -moz-columns:100px 4;    /* Firefox */
    columns:100px 4;         /* IE 10+ */
}
.pics-columns-3 {
    -webkit-columns:100px 3; /* Chrome, Safari, Opera */
    -moz-columns:100px 3;    /* Firefox */
    columns:100px 3;         /* IE 10+ */
}
ul.pics-columns-4, ul.pics-columns-4 li {
    list-style-type: none;
}
ul.pics-columns-3, ul.pics-columns-3 li {
    list-style-type: none;
}
li.pics-columns-avoid-break {
    -webkit-column-break-inside:avoid; /* Chrome, Safari, Opera */
    page-break-inside:avoid;           /* Firefox */
    break-inside:avoid;                /* IE 10+ */
}

img.pics-header-logo {
    position:absolute;
    left:20px;
    top:6px;
    max-height:62px;
    max-width:62px;
}
/*.header-login
{
    position:absolute;
    top:20px;
    right:40px;
     color:#fff;
}*/
/*.header-login span.header-login-text,*/
.pics-header-login-text {
    font-family:'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none solid rgb(255, 255, 255);
    text-transform: capitalize;
    text-align: center;
    font-weight:bold;
}
/*end header styles*/

.pics-header-login {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#fff;
    text-decoration:none solid rgb(255, 255, 255);
    text-transform:capitalize;
    font-weight:normal;
}

.pics-button-submit-login {
    width: 100%;
    height: 45px;
    background-color: #9c6a0e;
    background-repeat: no-repeat;
    font-family:'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none solid rgb(255, 255, 255);
    text-align: center;
}

.pics-button-merge {
    width: 100%;
    font-size: 18px;    
    border-radius: 4px;
}

.pics-button-red {
    width: 100%;
    height: 45px;
    background-color: #c53e3e;
    background-repeat: no-repeat;
    font-family:'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none solid rgb(255, 255, 255);
    text-align: center;
}

.pics-alert-login {
    width: 354px;
    height: 17px;
    font-family:'Open Sans', sans-serif;
    font-size: 13px;
    color: #d57373;
    font-weight: 300;
    text-decoration: none solid rgb(213, 115, 115);
    text-align: justify;
}

.pics-modal-header {
    background-color: #9c6a0e;
    width:100%; /*603px;*/
}

.pics-modal-header button { height: 26px; }
.pics-modal-header .close, .close:hover, .close:focus { color:#fff; }
.pics-modal-header .close { filter:alpha(opacity=70); opacity:0.7; }
.pics-modal-header .close:hover, .close:focus { filter:alpha(opacity=100); opacity:1; }

.pics-modal-body {
max-width: 603px !important;
background-color: #fafafa;
}

.pics-modal-body .pics-modal-btn {
    margin-right:14px;
    padding-left:40px;
    padding-right:40px;
}

.pics-modal-body .pics-modal-btn:last-child {
    margin-right:0;
}

#ConfirmationModalDeleteMessage {
    margin-bottom: 45px;
    margin-top: 40px;
}

.pics-modal-dialog {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) !important;
}

 
.pics-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fffcf5 !important;
    color: #4c4c4c !important;
    border: 1px solid #9a6b39;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.pics-well-white {
    background-color: #fff !important;
}

.pics-well-white-border {
    border: 1px solid #ebebeb;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    color: #4c4c4c !important;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    background-color: #fff !important;
}

/*FH - red background for login required fields*/
.required-invalid{
    background-color:rgb(252,221,220);
    border:1px solid rgb(213,115,115);
}
/*end form validation*/

input[type=checkbox]
{
    width: 16px;
    height: 16px;
    border: 1px solid #4c4c4c;
    border-radius: 2px;
    background-color:#fff; 
   margin: 0 6px 0 0;
}
.input-group-btn > .btn {
    border-radius:0;
}

a.filter-header, .filter-header {
    color:#4c4c4c;
    background-color:#ebebeb;
    padding:4px;
    width:100%;
    display:block;
    margin-top:4px;
    margin-bottom:4px;
    text-decoration: none;
}
a.filter-header:hover, a.filter-header:focus {
    text-decoration:none;
}

.psy-filters {
    margin-left: 10px !important;
    margin-top: 4px !important;
}

.pics-panel-examiners {
    margin-bottom:2px;
    margin-top:0;
}

.pics-panel-examiners .card-header {
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    font-weight:bold;
    color:#342f2c;
    font-size:14px;
}

.pics-panel-examiners .card-header {
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    font-weight:bold;
    color:#342f2c;
    font-size:14px;
}

.pics-panel-examiners-active {
    border-left: 4px solid #2b52a3 !important;
}

.pics-panel-examiners-inactive {
    border-left:4px solid #000000 !important;
}
.pics-detail-group {
    margin-bottom:10px;
}

.pics-nav-horizontal {
    border-bottom:1px solid #ebebeb;
    list-style-type:none;
    margin:0 0 10px 0;
    /*overflow:auto;*/
    padding:0;
    width:100%;
}

.pics-nav-wrapper > ul.pics-nav-horizontal > li {
    border:none;
    color:#9c6a0e;
    display:inline-block;
    text-decoration:none;
}

.pics-nav-horizontal li .badge {
    background-color: rgba(200,200,200,0.5);
    color: #000000; 
    font-weight:normal;
    padding-left: 10px;
    padding-right: 10px;
}

.pics-nav-wrapper > ul.pics-nav-horizontal > li > a {
    border:none;
    border-bottom:2px solid #fff;
    color:#9c6a0e;
    display:block;
    outline:none;
    padding:10px 30px;
    text-decoration:none;
}

.pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown.pull-right > a {
    padding-right:0;
}

.pics-nav-wrapper > ul.pics-nav-horizontal > li > a:hover {
    background-color:transparent;
    border:none;
    border-bottom:2px solid #ebebeb;
    outline:none !important;
    text-decoration:none;
}

.pics-nav-wrapper > ul.pics-nav-horizontal > li.active > a,
.pics-nav-wrapper > ul.pics-nav-horizontal > li.active > a:hover,
.pics-nav-wrapper > ul.pics-nav-horizontal > li > a:focus {
    background-color:transparent;
    border:none;
    border-bottom:2px solid #4c4c4c !important;
    color:#4c4c4c;
    outline:none !important;
    text-decoration:none;
}

.pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown > a:focus {
    border-bottom:2px solid #9c6a0e;
    color:#9c6a0e;
    outline:none;
    text-decoration:none;
} 

.pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown.active > a:focus {
    border-bottom:2px solid #4c4c4c;
    color:#4c4c4c;
    outline:none;
    text-decoration:none;
}
.pics-notification-card {
    border-bottom: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 3px;
    padding: 6px 16px;
}

    .pics-notification-card.active {
        background-color: #eaf4fb;
    }

.pics-notification-bell-wrapper {
    color:#fff;
    height:32px;
    position:relative;
    top:8px;
    width:32px;
}

.pics-notification-bell-wrapper .badge {
    background-color:#e60000;
    color:#fff;
    margin-left:-8px;
    margin-top:-18px;
}

.pics-slide-menu-icon {
    color:#9c6a0e;
    cursor:pointer;
    font-size:16px;
}

.pics-status-wr-assigned:after {
    color:#9c6a0e;
    content:'\f111';
    font-size:20px;
    font-family:fontAwesome;
}

.pics-status-wr-assignedtentative:after {
    color:#f0ac00;
    content:'\f111';
    font-size:20px;
    font-family:fontAwesome;
}

.pics-status-wr-cancelled:after {
    color:#4c4c4c;
    content:'\f05e';
    font-size:20px;
    font-family:fontAwesome;
}

.pics-status-wr-closed:after {
    color:#0a8c19;
    content:'\f111';
    font-size:20px;
    font-family:fontAwesome;
}

.pics-status-wr-declined:after {
    color:#c53e3e;
    content:'\f056';
    font-size:20px;
    font-family:fontAwesome;
}

.pics-status-wr-unassigned:after {
    color:#9c6a0e;
    content:'\f10c';
    font-size:20px;
    font-family:fontAwesome;
}

[class^="pics-icon"] {
    padding-left:25px;
    position:relative;
}

[class^="pics-icon"].pics-icon-black-opacity50:after {
    color:rgba(0,0,0,0.50);
}

[class^="pics-icon"].pics-icon-no-decoration:after,
[class^="pics-icon"].pics-icon-no-decoration:after:hover {
    text-decoration:none !important;
}

.pics-icon-envelope:after {
    content:'\f0e0';
    font-family:fontAwesome;
    left:0;
    position:absolute;
    top:0;
}

.pics-icon-map-marker:after {
    content:'\f041';
    font-family:fontAwesome;
    left:3px;
    position:absolute;
    top:1px;
}

.pics-icon-paper-plane:after {
    content:'\f1d8';
    font-family:fontAwesome;
    left:0;
    position:absolute;
    top:3px;
}

.pics-icon-phone:after {
    content:'\f095';
    font-family:fontAwesome;
    left:3px;
    position:absolute;
    top:2px;
}

.pics-icon-plus-circle:after {
    content:'\f055';
    font-family:fontAwesome;
    left:3px;
    position:absolute;
    top:0;
}

.pics-icon-inpatient:after {
    content:'\f073';
    font-family:fontAwesome;
    left:0;
    position:absolute;
    top:0;
}

.pics-icon-service-expense:after {
    content:'\f0f2';
    font-family:fontAwesome;
    left:0;
    position:absolute;
    top:0;
}

.pics-icon-travel:after {
    content:'\f041';
    font-family:fontAwesome;
    left:0;
    position:absolute;
    top:0;
}

.pics-icon-pre-approved:after {
    content:'\f1ad';
    font-family:fontAwesome;
    left:0;
    position:absolute;
    top:0;
}

div.pics-active-panel
{
    border:1px solid #9c6a0e;
}

tr.pics-active-row{
    border:1px dashed #9c6a0e;
}

.pics-wizard-icon-wrapper {
    margin-left:auto;
    margin-right:auto;
    max-width:600px;
    min-width:150px;
    text-align:center;
}

.pics-wizard-icon {
    background:transparent;
    border:none;
    box-shadow:none;
    color:#666666;
    cursor:default;
    display:inline-block;
    font-weight:normal;
    padding:2px 5px;
    text-align:center;
    transition:none;
    vertical-align:middle;
    white-space:nowrap;
}

.pics-wizard-icon > span {
    background:#999;
    border-radius:50%;
    color:#fff;
    display:block;
    font-size:20px;
    height:40px;
    line-height:normal;
    margin:0 auto;
    margin-bottom:6px;
    padding:7px 0;
    transition:all .3s ease-in-out 0s;
    width:40px;
}

.pics-wizard-icon > span:after {
    content:attr(data-step-text);
}

.pics-wizard-icon.current > span,
.pics-wizard-icon.completed > span {
    background:#9c6a0e;
}

.pics-wizard-icon.completed {
    color:#9c6a0e;
    cursor:pointer;
}

.pics-wizard-icon.completed > span:after {
    color:#fff;
    content:"\f00c";
    font-family:FontAwesome;
}

.pics-wizard-icon:hover {
    background:transparent;
    box-shadow:none;
    text-decoration:none;
}

.pics-wizard-icon > span:hover {
    text-decoration:none;
}

.pics-wizard-spacer {
    display:inline-block;
    margin:14px 5px;
    vertical-align:top;
}

.pics-wizard-spacer i {
    color:#666;
    margin:0 1px;
}

.pics-hover-gray-opacity-10:hover {
    background-color:rgba(140,140,140,0.10);
}

.pics-hover-transparent:hover {
    background-color:transparent;
}

.pics-pull-right {
    float: right;
    position: relative;
    z-index: 99;
}

.pics-table-button {
    margin:0;
    padding:15px;
}

/*.pics-table-button button {
    margin:0;
}*/

.pics-cards > tbody tr {
    float: left;
    min-width: 360px;
    width: 33%;
    max-width: 800px;
    min-height: 170px;
    padding-bottom: 0 !important;
}

.pics-cards > tbody td {
    display: block;
    padding-bottom: 0 !important;
}
.pics-cards2 > tbody tr.pics-cards2-row {
    float: left;
    min-width: 360px;
    width: 33%;
    max-width: 800px;
    min-height: 200px;
    padding-bottom: 0 !important;
}

.pics-cards2 > tbody td.pics-cards2-col {
    display: block;
    padding-bottom: 0 !important;
}

/*Modal Styles*/
.mjbModalTitle, .pics-modal-title, .modal-title {
    height: auto !important;
    min-height: 26px;
    font-family: Quattrocento;
    font-size: 22px;
    color: #ffffff;
    text-decoration: none solid rgb(255, 255, 255);
    text-transform: uppercase;
}

.mjbModalHeader {
max-width: 603px !important;
width:100%;
background-color: #9c6a0e;
}
.mjbModalHeaderLarge {

width:100%;
background-color: #9c6a0e;
}
.mjbModalFooterLarge {

width:100%;
}
.mjbModalBody {
max-width: 603px !important;
width:100%;
background-color: #fafafa;
}

.mjbModalBodyLarge {
width:100%;
background-color: #fafafa;
}
.mjbModalDialog, .pics-modal-dialog, .modal-dialog {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) !important;
   max-height: 96vh !important;
}
.mjbModalDialogLarge {
   max-width:800px;
   min-width:80% !important;
   min-height:200px;
   max-height:400px;
   position: absolute;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -50%) !important;
}

.pics-button-nav {
    border: 1px solid #9c6a0e;
    width: 180px;
    padding: 8px;
    margin-right: -2px !important;
    background-color: #fff;
}

    .pics-button-nav:hover {
        border: 1px solid #9c6a0e;
        background-color: #9c6a0e;
        color: #fff;
    }

.pics-button-nav-active {
    background-color: #9c6a0e;
    color: #fff;
}

.pics-nav-horizontal {
    border-bottom: 1px solid #ebebeb;
    list-style-type: none;
    margin: 0 0 10px 0;
    /*overflow:auto;*/
    padding: 0;
    width: 100%;
}
.pics-nav-buttons-horizontal .btn {
    color: #9c6a0e;
    background-color: #fff;
    border-color: #9c6a0e;
    border-radius: 0;
}
    .pics-nav-buttons-horizontal .btn:hover,
    .pics-nav-buttons-horizontal .btn:focus,
    .pics-nav-buttons-horizontal .btn:active,
    .pics-nav-buttons-horizontal .btn.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #9c6a0e;
        border-color: #9c6a0e;
    }
.pics-nav-buttons-horizontal .btn:active,
.pics-nav-buttons-horizontal .btn.active,
.pics-nav-buttons-horizontal .open > .dropdown-toggle.btn {
  background-image: none;
}
.pics-nav-buttons-horizontal .btn.disabled,
.pics-nav-buttons-horizontal .btn[disabled],
.pics-nav-buttons-horizontal fieldset[disabled] .btn,
.pics-nav-buttons-horizontal .btn.disabled:hover,
.pics-nav-buttons-horizontal .btn[disabled]:hover,
.pics-nav-buttons-horizontal fieldset[disabled] .btn:hover,
.pics-nav-buttons-horizontal .btn.disabled:focus,
.pics-nav-buttons-horizontal .btn[disabled]:focus,
.pics-nav-buttons-horizontal fieldset[disabled] .btn:focus,
.pics-nav-buttons-horizontal .btn.disabled:active,
.pics-nav-buttons-horizontal .btn[disabled]:active,
.pics-nav-buttons-horizontal fieldset[disabled] .btn:active,
.pics-nav-buttons-horizontal .btn.disabled.active,
.pics-nav-buttons-horizontal .btn[disabled].active,
.pics-nav-buttons-horizontal fieldset[disabled] .btn.active {
  background-color: rgba(34,63,94,0.75);
  border-color: rgba(34,63,94,0.75);
}
.pics-nav-buttons-horizontal .btn .badge {
  color: #fff;
  background-color: #3498db;
}
.pics-nav-buttons-horizontal .btn:active .badge,
.pics-nav-buttons-horizontal .btn.active .badge {
  color: #3498db;
  background-color: #fff;
}

table.pics-table-invoice {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0 !important;
}
table.pics-table-invoice thead {
    background-color: #e8e8e8;
    font-weight:bold;
}
table.pics-table-invoice thead tr {
    padding-bottom:5px;
    padding-top:5px;
}
/*table.pics-table-invoice tbody.row-group:nth-child(4n+3),
table.pics-table-invoice tbody.row-group:nth-child(4n+5) {
    background-color: #f7f7f7 !important;
}*/

table.pics-table-invoice-wr {
    width: 100%;
}
table.pics-table-invoice-wr thead {
    background-color: none !important;
    color:#4c4c4c;
    font-size:12px;
    font-weight:normal;
}
table.pics-table-invoice-wr thead tr th {
    padding-bottom:5px;
}

table.pics-table-invoice-view {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0 !important;
}
table.pics-table-invoice-view thead {
    background-color: inherit;
}
table.pics-table-invoice-view > tfoot > tr > td {
    border-top:none;
}
table.pics-table-invoice-view > tfoot > tr > td.pics-table-border-top-black {
    border-top:1px solid #666;
}

.pics-allow-review {
    border:2px solid #9c6a0e;
}

.pics-dashboard-counts-blue,
.pics-dashboard-counts-blue:focus,
.pics-dashboard-counts-blue.focus,
.pics-dashboard-counts-blue:visited {
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #2b52a3;
    border-radius: 4px;
    color: #76500A;
    background-color: rgba(43,82,163,0.1);
    height: 87px;
}

.icon-circle-background-blue {
    color:#9c6a0e;
    opacity:1; 
}

.pics-dashboard-counts-golden,
.pics-dashboard-counts-golden:focus,
.pics-dashboard-counts-golden.focus,
.pics-dashboard-counts-golden:visited {
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #93720e;
    border-radius: 4px;
    color: #7a580c;
    background-color: rgba(240,172,0,0.2);
    height: 87px;
}
.icon-circle-background-golden {
    color:#7a580c;
    opacity:0.7;
}
.pics-dashboard-counts-pink,
.pics-dashboard-counts-pink:focus,
.pics-dashboard-counts-pink.focus,
.pics-dashboard-counts-pink:visited {
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #9b1f6a;
    border-radius: 4px;
    color: #bd199f;
    background-color: rgba(176,18,121,0.1);
    height: 87px;
}
.icon-circle-background-pink {
    color:#bd199f;
    opacity:0.7; 
}

.pics-dashboard-counts-white,
.pics-dashboard-counts-white:focus,
.pics-dashboard-counts-white.focus,
.pics-dashboard-counts-white:visited {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #efefef;
  border-radius: 4px;
  color: #4c4c4c;
  background-color:#ffffff;
  /*background-color:rgba(76,76,76,0.1);*/
  min-height:120px;
}
.pics-dashboard-counts-white-large,
.pics-dashboard-counts-white-large:focus,
.pics-dashboard-counts-white-large.focus,
.pics-dashboard-counts-white-large:visited {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #efefef;
  border-radius: 4px;
  color: #4c4c4c;
  /*background-color:rgba(43,82,163,0.1);*/
  background-color:#ffffff;
  min-height:280px;
}
.icon-circle-background-pureOrange {
    color:#F0AC00;
    /*opacity:1;*/ 
}
/*.pics-amount-border {
    border-left:1px solid #e8e8e8 !important;
}*/



.pics-header-dropdown {
    width:auto;
}
.pics-header-login .pics-header-dropdown {
    margin-right:5px;
}
.pics-header-login .pics-header-dropdown:last-child {
    margin-right:0;
}

/***************
  MODAL STYLES
****************/
.modal-header .close {
    color:#fff;
}
.modal-header .close {
    filter:alpha(opacity=70); opacity:0.7;
}
.modal-header .close:hover, .close:focus {
    filter:alpha(opacity=100); opacity:1;
}
.modal-header .close .fa-close.fa-2x {
    margin-top:-7px;
}

.pics-wr-examiner-institution.pics-responsive-hide {
    display:none;
}

/****************************************
  ADDED FROM IRMA AFTER BOOTSTRAP UPGRADE
*****************************************/
/*************************
  FORM ADJUSTMENTS 
**************************/
input, select, textarea {
    border-color: var(--bs-gray-500) !important;
}



/*************************
  FontAwesome ADJUSTMENTS 
**************************/
.card-header button:has(.fa), .card-header button.has-fa, .modal-header button:has(.fa), .modal-header button.has-fa {
    background-color: unset;
    border: unset;
    border: 1px solid var(--bs-primary-contrast);
}

    .card-header button:has(.fa):hover, .card-header button.has-fa:hover, .modal-header button:has(.fa):hover, .modal-header button.has-fa {
        outline: 2px dotted var(--bs-primary-contrast) !important;
    }

.fa {
    color: var(--bs-primary-600);
}

.card-header .fa, .modal-header .fa {
    color: var(--bs-primary-contrast);
}

.bg-primary .fa {
    color: var(--bs-primary-contrast);
}

.bg-primary-100 .fa {
    color: var(--bs-primary-100-contrast);
}

.bg-primary-200 .fa {
    color: var(--bs-primary-200-contrast);
}

.bg-primary-300 .fa {
    color: var(--bs-primary-300-contrast);
}

.bg-primary-400 .fa {
    color: var(--bs-primary-400-contrast);
}

.bg-primary-600 .fa {
    color: var(--bs-primary-600-contrast);
}

.bg-primary-700 .fa {
    color: var(--bs-primary-700-contrast);
}

.bg-primary-800 .fa {
    color: var(--bs-primary-800-contrast);
}

.bg-primary-900 .fa {
    color: var(--bs-primary-900-contrast);
}

.mjb-dark .fa {
    color: var(--bs-white);
}

.mjb-dark .badge {
    color: var(--bs-white);
}

.badge:not(.mjb-dark) {
    color: var(--bs-black);
    background-color: #d7c4b0;
    border-radius: 12px;
    border: 1px solid black;
}

.badge-radius-10px:not(.mjb-dark) {
    color: var(--bs-black);
    background-color: #d7c4b0;
    border-radius: 10px !important;
}

.badge-radius-4px:not(.mjb-dark) {
    color: var(--bs-black);
    background-color: #d7c4b0;
    border-radius: 4px !important;
}

.mjb-link {
    text-decoration: underline !important;
}

.mjb-data-failed-validation {
    outline: 2px solid var(--bs-danger) !important;
}

fieldset.mjb-bordered-fieldset {
    all: revert;
    border: solid 1px #808080;
    border-radius: 6px;
}

    fieldset.mjb-bordered-fieldset legend {
        all: revert;
        font-weight: 600;
    }
/********************** START DA enhancements ************************/

/* override the BS border focus color. doesn't meet conlor contrast */
.form-control:focus {
    border-color: #000 !important;
}

.mjb-time-format-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .mjb-time-format-label > span {
        font-style: italic;
        font-size: 0.9em
    }

.table-hover tbody tr:hover:not(.mjb-table-header) {
    outline: 2px dotted #000 !important;
    outline-offset: 2px !important;
}

/* remove thead "x" search icon from thead type="search" input per DA QA request */
/*input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
*/
.mjb-required-field {
    font-style: italic;
}

/* fixed table header */
.mjb-fixed-header-table {
    overflow-y: auto;
    height: 600px;
}

    .mjb-fixed-header-table table {
        border-collapse: collapse;
        width: 100%;
    }

    .mjb-fixed-header-table th {
        position: sticky;
        top: 0;
        background: #eee;
    }

.mjb-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.mjb-ul-no-style {
    padding: 0;
    list-style-type: none;
}

.mjb-nowrap-text {
    white-space: nowrap;
}



a:focus:not(.mjb-dark),
a:focus-visible:not(.mjb-dark),
a:hover:not(.mjb-dark) {
    outline: 2px dotted #000 !important;
    outline-offset: 2px !important;
    /* remove the BS box shadow which creates a border on :focus-visible*/
    box-shadow: none !important;
}

a:is(.btn):is(.mjb-dark),
button:is(.mjb-dark),
input[type="button"]:is(.mjb-dark),
input[type="submit"]:is(.mjb-dark),
a:is(.mjb-dark),
.nav-link:is(.mjb-dark),
.nav-item:is(.mjb-dark) {
    color: #fff !important;
}


/**************
    NOT Dark = Black dots
*/
input[type="file"]:focus:not(.mjb-dark),
a:focus:not(.mjb-dark),
a:focus-visible:not(.mjb-dark),
a:focus:is(.btn):not(.mjb-dark),
button:focus:not(.mjb-dark),
input[type="search"]:focus:not(.mjb-dark),
input[type="text"]:focus:not(.mjb-dark),
input[type="date"]:focus:not(.mjb-dark),
input[type="radio"]:focus:not(.mjb-dark),
select:focus:not(.mjb-dark),
textarea:focus:not(.mjb-dark),
.dropdown.btn:focus:not(.mjb-dark),
input[type="number"]:focus:not(.mjb-dark),
input[type="button"]:focus:not(.mjb-dark),
input[type="submit"]:focus:not(.mjb-dark),
input[type="checkbox"]:focus:not(.mjb-dark),
input[type="file"]:hover:not(.mjb-dark),
a:hover:not(.mjb-dark),
a:hover:is(.btn):not(.mjb-dark),
button:hover:not(.mjb-dark),
input[type="search"]:hover:not(.mjb-dark),
input[type="text"]:hover:not(.mjb-dark),
input[type="date"]:hover:not(.mjb-dark),
input[type="radio"]:hover:not(.mjb-dark),
select:hover:not(.mjb-dark),
textarea:hover:not(.mjb-dark),
.dropdown.btn:hover:not(.mjb-dark),
input[type="button"]:hover:not(.mjb-dark),
input[type="submit"]:hover:not(.mjb-dark),
input[type="checkbox"]:hover:not(.mjb-dark) {
    outline: 3px dotted #000 !important;
    outline-offset: 2px !important;
}
/**************
    IS Dark = White dots
*/
input[type="file"]:hover:is(.mjb-dark),
input[type="search"]:hover:is(.mjb-dark),
a:hover:is(.btn):is(.mjb-dark),
a:hover:is(.mjb-dark),
button:hover:is(.mjb-dark),
input[type="text"]:hover:is(.mjb-dark),
input[type="radio"]:hover:is(.mjb-dark),
input[type="date"]:hover:is(.mjb-dark),
select:hover:is(.mjb-dark),
textarea:hover:is(.mjb-dark),
.dropdown.btn:hover:is(.mjb-dark),
input[type="button"]:hover:is(.mjb-dark),
input[type="submit"]:hover:is(.mjb-dark),
input[type="checkbox"]:hover:is(.mjb-dark), input[type="file"]:focus:is(.mjb-dark),
input[type="search"]:focus:is(.mjb-dark),
a:focus:is(.btn):is(.mjb-dark),
a:focus:is(.mjb-dark),
button:focus:is(.mjb-dark),
input[type="text"]:focus:is(.mjb-dark),
input[type="number"]:focus:is(.mjb-dark),
input[type="radio"]:focus:is(.mjb-dark),
input[type="date"]:focus:is(.mjb-dark),
select:focus:is(.mjb-dark),
textarea:focus:is(.mjb-dark),
.dropdown.btn:focus:is(.mjb-dark),
input[type="button"]:focus:is(.mjb-dark),
input[type="submit"]:focus:is(.mjb-dark),
input[type="checkbox"]:focus:is(.mjb-dark) {
    outline: 3px dotted #fff !important;
    outline-offset: 2px !important;
}

/* cart-title - Contracts page */
.cart-title-row {
    padding: 10px 15px;
    background-color: #e8e8e8;
    font-weight: bold;
}

/* Fix Swift Contract Number display at 200% zoom and smaller viewports */
.contract-number-col {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.contract-number-col .pics-text-dune {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

/* Ensure proper layout at 200% zoom and smaller viewports */
@media (max-width: 768px) {
    .card-header .row.padding10 > .col-sm-4,
    .card-header .row.padding10 > .col-sm-3,
    .card-header .row.padding10 > .col-sm-5 {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 8px;
    }
}

/* At 200% zoom (640px effective viewport), ensure text doesn't overflow */
@media (max-width: 1280px) {
    .card-header .row.padding10 {
        flex-wrap: wrap;
    }
    
    .contract-number-col {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
    }
    
    /* Allow contract number to wrap to next line if needed */
    .card-header .row.padding10 > .col-sm-3.contract-number-col {
        flex-basis: auto;
        width: auto;
        min-width: 150px;
    }
}

/* little triangle on the card header "pics-collapse-icon". It stopped showing when panel was converted to card */
.card-header .pics-collapse-icon:before {
    color: #fff;
    content: "\f106";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.card-header.collapsed .pics-collapse-icon:before {
    color: #fff;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.card-header.pics-text-tundora .pics-collapse-icon:before,
.card-header.pics-text-tundora.collapsed .pics-collapse-icon:before {
    color: #fff;
}

/* to show "pics-accordion-icon", had change card-header to card-header in classes below */
.pics-court-staff-add-edit.card-header .pics-accordion-icon:before,
.card-header .pics-accordion-icon:before {
    color: #717171; /*previously #8c8c8c - updated for accessibility color contrast*/
    content: "\f106";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.pics-court-staff-add-edit.card-header.collapsed .pics-accordion-icon:before,
.card-header.collapsed .pics-accordion-icon:before {
    color: #717171; /*previously #8c8c8c - updated for accessibility color contrast*/
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.pics-court-staff-add-edit.card-header .pics-accordion-icon:before,
.card-header .pics-accordion-icon:before {
    color: white; /*previously #8c8c8c or #717171 - updated for accessibility color contrast*/
    content: "\f106";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.pics-court-staff-add-edit.card-header.collapsed .pics-accordion-icon:before,
.card-header.collapsed .pics-accordion-icon:before {
    color: white; /*previously #8c8c8c or #717171 - updated for accessibility color contrast*/
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

/* form-group class in the original app has margin-buttom 15px*/
.form-group {
    margin-bottom: 15px;
}


.irma-circle-icon-toolbar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
}
.irma-circle-icon-toolbar > a:hover {
    outline: solid 1px #808080;
}
/*************************
  FontAwesome ADJUSTMENTS 
**************************/
.card-header button:has(.fa), .card-header button.has-fa, .modal-header button:has(.fa), .modal-header button.has-fa {
    background-color: unset;
    border: unset;
    border: 1px solid var(--bs-primary-contrast);
}

    .card-header button:has(.fa):hover, .card-header button.has-fa:hover, .modal-header button:has(.fa):hover, .modal-header button.has-fa {
        outline: 2px dotted var(--bs-primary-contrast) !important;
    }

.fa {
    color: var(--bs-primary-600);
}

.card-header .fa, .modal-header .fa {
    color: var(--bs-primary-contrast);
}

.bg-primary .fa {
    color: var(--bs-primary-contrast);
}

.bg-primary-100 .fa {
    color: var(--bs-primary-100-contrast);
}

.bg-primary-200 .fa {
    color: var(--bs-primary-200-contrast);
}

.bg-primary-300 .fa {
    color: var(--bs-primary-300-contrast);
}

.bg-primary-400 .fa {
    color: var(--bs-primary-400-contrast);
}

.bg-primary-600 .fa {
    color: var(--bs-primary-600-contrast);
}

.bg-primary-700 .fa {
    color: var(--bs-primary-700-contrast);
}

.bg-primary-800 .fa {
    color: var(--bs-primary-800-contrast);
}

.bg-primary-900 .fa {
    color: var(--bs-primary-900-contrast);
}

.mjb-dark .fa {
    color: var(--bs-white);
}

.pagination {
    margin: 5px 0;
}

.pagination > li > a, .pagination > li > span {
    padding: 10px 14px
}

/* button "Scroll To Top" */
#backToTop {  
  cursor: pointer;
  width: 140px;
}

/* Datatable Pagination style - overiding float: right */
#tblExaminers_paginate {
    float: none;
}

.inline-element {
    display: inline;
}

#caseEventFlagsButton {
  padding: 2px 10px;
  font-size: 24px;
  border-radius: 4px;
}

/* Loading Overlay */
#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay-content {
  text-align: center;
  color: white;
  background-color: #704E29 !important;
  opacity: 1;
  padding: 20px 40px;
  border-radius: 4px;
}

#loadingMessage {
  margin-top: 1rem;
  font-size: 18px;
}

/* Load PDF image */
.image-pdf {
    font-size: 2rem;
}

/* Padlock image */
.image-lock {
    font-size: 2rem;
}

/* Adding border as the button fails non-text color contrast minimum */
.btn-warning {
    border:1px solid #484848;
}

/* Removing hover effect from Pending Case Events table since rows are not clickable Bug 61416 */
#tblCaseEvents.table-hover tbody tr:hover:not(.mjb-table-header) {
    outline: none !important;
    outline-offset: 0 !important;
}

#tblCaseEvents.table-hover > tbody > tr:hover {
    border-width: 0 !important;
    box-sizing: inherit !important;
}

/* Removing hover effect from Work Request List table since rows are not clickable */
#tblWorkRequests.table-hover tbody tr:hover:not(.mjb-table-header) {
    outline: none !important;
    outline-offset: 0 !important;
}

#tblWorkRequests.table-hover > tbody > tr:hover {
    border-width: 0 !important;
    box-sizing: inherit !important;
}

/* Adding "caret" to dropdown - Bug 61719 */
.custom-caret {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../fonts/caret-down-fill.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px; /* caret size */
    padding-right: 30px; /* space for the caret */
}

.mjb-btn-row {
    justify-content: flex-end;
    gap: 15px;
    flex-wrap: wrap;
    margin-right: revert;
}

.mjb-counts-badge-lgTxt {
    font-size: 2em;
    padding: 0 10px;
    background-color: var(--bs-primary-800);
    color: #ffffff;
    opacity: 0.7;
    border-radius: 20px;
}

div.pics-navtab > ul.pics-nav-horizontal > li {
    border: none;
    color: #4c4c4c;
    display: inline-block;
    text-decoration: none;
}

.pics-nav-horizontal li .badge {
    background-color: var(--bs-black);
    color: var(--bs-white);
    font-weight: normal;
    margin-left: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

div.pics-navtab > ul.pics-nav-horizontal > li > a {
    border-bottom: 2px solid #fff;
    display: block;
    outline: none;
    padding: 10px 30px;
    text-decoration: none;
}

div.pics-navtab > ul.pics-nav-horizontal > li.dropdown.pull-right > a {
    padding-right: 0;
}

div.pics-navtab > ul.pics-nav-horizontal > li > a:hover {
    /*border-bottom: 2px solid #0068bd ;*/
    outline: none;
    text-decoration: none;
}

div.pics-navtab > ul.pics-nav-horizontal > li.active > a, div.pics-navtab > ul.pics-nav-horizontal > li.active > a:hover div.pics-navtab > ul.pics-nav-horizontal > li.active > a:focus /*agency & interpreter pages*/ {
    border-bottom: 2px solid var(--bs-primary);
    color: var(--bs-primary-contrast);
    outline: none;
    text-decoration: none;
    background-color: var(--bs-primary);
    border-radius: 6px 6px 0px 0px;
}

@media (max-width: 767px) { /*all pages - display as active when smaller than -md- */
    div.pics-navtab > ul.pics-nav-horizontal > li.active-at-md > a,
    div.pics-navtab > ul.pics-nav-horizontal > li.active-at-md > a:hover
    div.pics-navtab > ul.pics-nav-horizontal > li.active-at-md > a:focus {
        border-bottom: 2px solid var(--bs-primary);
        color: var(--bs-primary-contrast);
        outline: none;
        text-decoration: none;
        background-color: var(--bs-primary);
        border-radius: 6px 6px 0px 0px;
    }
}

@media (min-width: 766px) { /*all pages - display as active when smaller than -md- */
    div.pics-navtab > ul.pics-nav-horizontal > li.active-at-sm > a,
    div.pics-navtab > ul.pics-nav-horizontal > li.active-at-sm > a:hover
    div.pics-navtab > ul.pics-nav-horizontal > li.active-at-sm > a:focus {
        border-bottom: 2px solid var(--bs-primary);
        color: var(--bs-primary-contrast);
        outline: none;
        text-decoration: none;
        background-color: var(--bs-primary);
        border-radius: 6px 6px 0px 0px;
    }
}

div.pics-navtab > ul.pics-nav-horizontal > li:not(.active) > a:focus {
    border-bottom: 2px solid var(--bs-secondary);
    color: var(--bs-secondary-contrast);
    outline: none;
    text-decoration: none;
    background-color: var(--bs-secondary);
    border-radius: 6px 6px 0px 0px;
}

div.pics-navtab > ul.pics-nav-horizontal > li.dropdown:not(.active) > a:focus {
    border-bottom: 2px solid var(--bs-secondary);
    color: var(--bs-secondary-contrast);
    outline: none;
    text-decoration: none;
    border-radius: 6px 6px 0px 0px;
}

div.pics-navtab > ul.pics-nav-horizontal > li.dropdown.active > a:focus {
    border-bottom: 2px solid var(--bs-secondary);
    color: var(--bs-secondary-contrast);
    outline: none;
    text-decoration: none;
    border-radius: 6px 6px 0px 0px;
}

.pics-button-link-sans-14 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}

/* Removing hover effect from table headers and rows when pics-no-hover-table-header or pics-no-hover-table-rows class is applied */
thead.pics-no-hover-table-header > tr > th:hover, thead.pics-no-hover-table-header > tr > th:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

#ServiceExpensesTable > tbody > tr:hover, #ServiceExpensesTable > tbody > tr:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 0 !important;
}

#PerDayExpensesTable > tbody > tr:hover, #PerDayExpensesTable > tbody > tr:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 0 !important;
}

#PreApprovedExpensesTable > tbody > tr:hover, #PreApprovedExpensesTable > tbody > tr:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 0 !important;
}

#TravelExpensesTable > tbody > tr:hover, #TravelExpensesTable > tbody > tr:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 0 !important;
}

.pics-long-input-div {
    display: inline-block;
    width: 320px;
    margin-right: 3px;
}

.pics-text-end {
    text-align: right;
}

td.pics-cards2-col > .pics-work-request-card {
    height: 260px !important;
    max-height: 260px !important;
    background-color: white;
    border: 1px solid #eee;
    padding: 10px;
}

td.pics-cards2-col > .pics-inst-work-request-card {
    height: 290px !important;
    max-height: 260px !important;
    background-color: white;
    border: 1px solid #eee;
    padding: 10px;
}

.pics-wrap-break-word {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-all;
}

.pics-wrap-break-spaces {
    white-space: normal !important;
    word-wrap: break-spaces !important;
    overflow-wrap: break-spaces !important;
    word-break: break-word;
}

.wr-search-input {
    width: 325px;
}

.pics-notification-dropdown-menu {
    top: 60px;
    right: 0px;
    left: unset;
    width: 460px;
    box-shadow: 0px 5px 7px -1px #c1c1c1;
    padding-bottom: 0px;
    padding: 0px;
    margin-left: -360px;
}

.pics-notification-box {
    padding: 10px;
    border-bottom: 1px solid #eee;
}
table > thead > tr > th.pics-dataTable-header {
    background-color: #8b6033 !important;
    color: #fff !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/" / ""; /* The visual slash remains, but is silenced for screen readers */
}
@media (max-width: 1500px) {
    .pics-expense-cards .pics-expense-label-inpatient .pics-responsive-hide {
        display:none;
    }
}
@media (max-width: 1299px) {
    .pics-wr-examiner-institution.pics-responsive-hide {
        display:inline;
    }
    .pics-wr-examiner-institution-text {
        display:block;
        margin-bottom:8px;
        text-align:left;
    }
}
/* Bootstrap LG (Mobile First Method - Add a pixel for Non-Mobile First Method) */
@media (max-width: 1199px) {
    .pics-columns-6 {
        -webkit-columns:100px 4; /* Chrome, Safari, Opera */
        -moz-columns:100px 4;    /* Firefox */
        columns:100px 4;         /* IE 10+ */
    }
    .pics-cards tbody tr
    {
        width:48%;
    }
    .pics-expense-cards [class^="pics-icon"]:after {
        font-size: 1em;
    }
    .container.mjb-btn-row {
        text-align: left !important;
        justify-content: left !important;
        margin-left: revert !important;
    }
    /*.pics-text-end {
        text-align: justify !important;
    }*/
}
@media only screen and (max-width: 1150px) {
    .pics-columns-4 {
        -webkit-columns:100px 3; /* Chrome, Safari, Opera */
        -moz-columns:100px 3;    /* Firefox */
        columns:100px 3;         /* IE 10+ */
    }
}
@media (max-width: 1135px) {
    .pics-expense-cards [class^="pics-expense-label"] {
        font-size:14px;
    }
}
@media (max-width: 1039px) {
    .pics-expense-cards [class^="pics-icon"] {
        padding-left:0 !important;
    }
    .pics-expense-cards [class^="pics-icon"]:after {
        display:none;
    }    

    .sitemap-grid-container {
        display: grid;    
        grid-auto-flow: column;       
        grid-template-rows: repeat(7, 30px);
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 50px;
    }
    
    .sitemap-grid-container-examiners {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(4, 30px);
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 50px;
    }
}
@media only screen and (max-width: 1000px) {
    .pics-columns-4, .pics-columns-3 {
        -webkit-columns:100px 2; /* Chrome, Safari, Opera */
        -moz-columns:100px 2;    /* Firefox */
        columns:100px 2;         /* IE 10+ */
    }
    .pics-expense-link-pre-approved .pics-responsive-hide {
        display:none;
    }
}
/* Bootstrap MD (Mobile First Method - Add a pixel for Non-Mobile First Method) */
@media (max-width: 991px) {
    .pics-expense-cards .pics-expense-label-inpatient .pics-responsive-hide {
        display:inline;
    }
    .pics-expense-cards {
        margin-bottom:8px;
    }
}
/* Bootstrap SM (Mobile First Method - Add a pixel for Non-Mobile First Method) */
@media (max-width: 767px) {
    .pics-nav-wrapper > ul.pics-nav-horizontal > .pull-right {
        float:none !important;
    }
    .pics-nav-wrapper > ul.pics-nav-horizontal > .pull-right > .dropdown-menu {
        right: auto;
        left: 0;
    }
    .pics-nav-wrapper > ul.pics-nav-horizontal > li > a,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li > a:hover,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li.active > a,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li.active > a:hover,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li > a:focus,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown > a:focus,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown.active > a:focus {
        border-bottom:2px solid #2b52a3;
        color:#2b52a3;
    }
    .pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown > a,
    .pics-nav-wrapper > ul.pics-nav-horizontal > li.dropdown.pull-right > a {
        padding-left:0;
        padding-right:30px;
    }
    
    .pics-cards tbody tr
    {
        width:99%;
    }
    nav.navbar {
        height:56px;
    }
    nav.navbar .header-title {   
        font-size: 12px; 
        width:180px; 
        line-height:16px;
        position:absolute;
        top:5px;
        left:60px;
    }
    .pics-header-login-text {
        font-size:12px;
    }
    img.pics-header-logo {
        max-width: 40px;
        max-height: 40px;
        position: absolute;
        left: 10px;
        top: 6px;
    }
    .pics-header-login a.dropdown-toggle
    {
       display:inline;
       
       z-index:999998 !important;
    }
    .pics-header-login ul.dropdown-menu 
    {
        z-index:999999 !important;
    }
    .navbar-nav .open .dropdown-menu
    {
        position:fixed;
        top:30px;
        display: block !important;
    }
    .pics-navtab > ul.pics-nav-horizontal > .pull-right {
        float: none !important;
    }

    .pics-navtab > ul.pics-nav-horizontal > .pull-right > .dropdown-menu {
        right: auto;
        left: 0;
    }
    .pics-navtab > ul.pics-nav-horizontal > li.dropdown.pull-right > a {
    padding-left: 0;
    padding-right: 30px;
    }

    td.pics-cards2-col > .pics-work-request-card {
        height: 100% !important;
        max-height: 100% !important;
    }
    td.pics-cards2-col > .pics-inst-work-request-card {
        height: 100% !important;
        max-height: 100% !important;
    }
    .pics-cards2 > tbody tr.pics-cards2-row {
        min-width: 100% !important;
    }
}
@media only screen and (max-width: 640px) {
    .pics-columns-4, .pics-columns-3 {
        -webkit-columns:250px 1; /* Chrome, Safari, Opera */
        -moz-columns:250px 1;    /* Firefox */
        columns:250px 1;         /* IE 10+ */
    }
}
@media (max-width: 600px) {
    /*.header-login {
        position:absolute;
        right:20px;
        color:#fff;
    }*/
    /*.header-login span.header-login-text,*/
   
     #ExaminerQualificationsTable div.pics-well
    {       
        height:auto !important;
    }
    .qualification-documents
    {
        max-height:none !important;
    }
    
    .modal{
        width:96% !important;
        margin:auto;
    }
    .modal-dialog{
        width:96% !important;
    }
    #ServiceExpenses,#TravelExpenses,#PreApprovedExpenses,#PreApprovedExpenses,#PerDayExpenses
    {
        max-width:580px;
        overflow-x:auto;
    }
    .sitemap-grid-container {
        display: grid;    
        grid-auto-flow: row;       
        grid-template-rows: auto;
        grid-template-columns:1fr;
        grid-row-gap: 20px;
    }
    .pics-examiners-db-summary-wrapper div > a, .pics-institution-db-summary-wrapper div > a {
        min-width: 100px;
        max-width: 95%;
        height: auto;
        margin-right: 0;
    }
    .pics-long-input-div {
        max-width: 98% !important;
    }
}

@media (min-width: 547px) and (max-width: 700px) {
    #textUnderSearchBar {
        padding-left: 50px !important;
    }
}
@media (max-width: 546px) {
    #textUnderSearchBar {
        padding-left: 10px !important;
    }
    .pics-text-end {
        text-align: start !important;
    }
    .wr-search-input {
        width: 100%;
    }
    .wr-search-input::placeholder {
        font-size: 0.8em !important;
    }
    .pics-notification-dropdown-menu {
        width: 300px;
    }

    .dataTables_filter input[type="search"] {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 349px) {
    .pics-examiners-db-summary-wrapper div > a, .pics-institution-db-summary-wrapper div > a {
        max-width: 95%;
        height: auto;
        margin-right: 0;
    }

    .pics-examiners-db-summary-wrapper div > a .pics-text-sm,
    .pics-institution-db-summary-wrapper div > a .pics-text-sm {
        white-space: normal;
        word-wrap: break-word;
    }
    .wr-search-input::placeholder {
        font-size: 0.7em !important;
    }
    .pics-notification-dropdown-menu {
        width: 275px;
    }
}
@media (max-width: 310px) {
    .wr-search-input::placeholder {
         font-size: 0.6em !important;
    }
    .pics-notification-dropdown-menu {
        width: 100% !important;
    }
}
.da-tooltip {
    position: absolute;
    background-color: #000;
    color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.da-tooltip.show {
    opacity: 1;
}
