.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body
{
  background-color: #00c0ef !important;
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer
{
  color: #fff !important;
}
.info-box
{
  background: #fff none repeat scroll 0 0;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 15px;
  min-height: 90px;
  width: 100%;
}
.info-box-icon
{
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border-radius: 2px 0 0 2px;
  display: block;
  float: left;
  font-size: 45px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  width: 90px;
}
.info-box-content
{
  margin-left: 90px;
  padding: 5px 10px;
}
.info-box-text
{
  text-transform: uppercase;
}
.progress-description, .info-box-text
{
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-box-number
{
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.info-box .progress, .info-box .progress .progress-bar
{
  border-radius: 0;
}
.info-box .progress
{
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  height: 2px;
  margin: 5px -10px;
}
.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar
{
  border-radius: 1px;
}
.progress, .progress > .progress-bar
{
  box-shadow: none;
}
.progress-description, .info-box-text
{
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-box-number {
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.progress-description {
    margin: 0;
}
.progress-description, .info-box-text {
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important;
}
.info-box .progress {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    height: 2px;
    margin: 5px -10px;
}
.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
    border-radius: 1px;
}
.progress, .progress > .progress-bar {
    box-shadow: none;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important;
}
.rowannual
{
  margin-bottom: 20px;
}
.infoboxannual
{
  width: 100%;
}
.panelattend
{
  background: #00897b !important;
  color: white !important;
}
.redcard
{
  color: #b71c1c;
}
.greencard
{
  color: #1b5e20;
}
.tblinfo
{
  background: #64b5f6;
}
.tblholiday
{
  background: #b39ddb;
}
.tbldanger
{
  background: #ef9a9a;
}
.tblwarning
{
  background: #ffab91;
}
.marginform
{
  margin-bottom: 10px;
}
.btnapprvv
{
  width: 50px;
}
.selectize-control .option .title
{
  display: block;
  font-weight: bold;
}
.selectize-control .option .url {
  font-size: 12px;
  display: block;
  color: #37474f;
}
.selectize-control .item a {
  color: #006ef5;
}
.selectize-control .item.active a {
  color: #303030;
}
.labelPersonalGoals
{
  font-style: italic;
  color: red;
}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }



.stfaccordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 6px 12px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
		margin-bottom: 5px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.stfaccordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.stfpanel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.stfaccordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.stfaccordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.bootstrap-tagsinput {
	width: 100%;
	box-shadow: none;
	border-radius: 0px;
}