/*
thumbnail-carousel for bootstrap 3.3.x
*/


#hidden-data { display: none !important; height: 0; width: 0;  }

#calendarWrapper { background-image: url("../../images/loader-arrows.png"); background-color: inherit; background-position: 50%; background-repeat: no-repeat; max-width: 600px; width: 100%; min-height: 150px; margin: 0 auto; box-sizing: border-box; }
#calendarbox { margin: 0; padding: 0;}

.calendartable { max-width: 600px; width: 100%; border: 1px solid #000; border-collapse: collapse; margin: 10px auto 0 auto; box-sizing: border-box; font-family: ptsans-narrow; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; }
.calendartable.hidden { opacity: 0; transition: opacity 1s; }
.calendartable.visible { opacity: 1; transition: opacity 1s; }
.calendartable thead { font-weight: bold;}
.calendartable thead td { height: auto; padding: 3px 0;  text-align: center;}
.calendartable tbody {  }
.calendartable td { border: 1px #888 solid; height: 50px; width: 13.5%; text-align: right; padding-right: 5px; vertical-align: top; }
.calendartable td.hasdate { background-color: #144e0b; color: #fff; }
.calendartable td.hasdate.customdate { cursor: pointer; background: #ff9900; color: #000; }
.calendartable td.hasdate.notopen { background: #a34c4c; color: #fff; }
.calendartable td.hasdate.rangeselected { cursor: pointer; background: #fcfcba; color: #000; }
.calendartable td.hasdate:hover { cursor: pointer; background: #fcfcba; color: #000; }
.calendartable td.month-prev { border-right: none; cursor: pointer; text-decoration: underline; }
.calendartable td.month-next { border-left: none; cursor: pointer; text-decoration: underline; }
.calendartable .nodate { background-color: #ccc !important; cursor: default !important; }

#calendarJumpTo { max-width: 500px; margin-left: auto; margin-right: auto; }
#calendarJumpTo label { padding-top: 10px; padding-right: 0; }
#calendarRangeSelector { max-width: 500px; margin-left: auto; margin-right: auto; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; }
#calendarRangeSelector .btn { padding-left: 10px; padding-right: 10px; width: 46%; margin-left: 1%; margin-right: 1%; display: inline-block; *display: inline; zoom: 1; }

.truncate-text { display: block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.inline-span { display: inline-block; *display: inline; zoom: 1 }
.ib { display: inline-block; *display: inline; zoom: 0; vertical-align: top;}
.ib-wrapper { margin: 0px auto; position: relative;}
.pa { position: absolute; }
.pr { position: relative; }

.ib-wrapper > div { display: inline-block; *display: inline; zoom: 0; vertical-align: top; }
.ib-wrapper > div.dt { font-weight: bold; width: 38%; padding-right: 5px; text-align: right; }
.ib-wrapper > div.dd { font-weight: normal; width: 60%; clear: right; }

.blockquote {
  padding: 10.5px 21px;
  margin: 0 0 21px;
  font-size: 18.75px;
  border: 1px solid #999;
  /* border-left: 5px solid #464545; */
  page-break-inside: avoid;
}
.blockquote p:last-child,
.blockquote ul:last-child,
.blockquote ol:last-child {
  margin-bottom: 0;
}
.blockquote footer,
.blockquote small,
.blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
.blockquote footer:before,
.blockquote small:before,
.blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
.blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #464545;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote.pull-right footer:before,
.blockquote-reverse small:before,
.blockquote.pull-right small:before,
.blockquote-reverse .small:before,
.blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
.blockquote.pull-right footer:after,
.blockquote-reverse small:after,
.blockquote.pull-right small:after,
.blockquote-reverse .small:after,
.blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

/* BS-CALLOUT MOD */
.bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }
.bs-callout p:last-child { margin-bottom: 0; }
.bs-callout code { border-radius: 3px; }
.bs-callout+.bs-callout { margin-top: -5px; }
.bs-callout-default { border-color: #777; background-color: #fff; }
.bs-callout-default h4 { color: #777; }
.bs-callout-primary { border-color: #428bca; }
.bs-callout-primary h4 { color: #428bca; border-bottom: 1px solid #428bca; margin-bottom: 15px;}
.bs-callout-success { border-color: #5cb85c; }
.bs-callout-success h4 { color: #5cb85c; }
.bs-callout-danger { border-color: #d9534f; }
.bs-callout-danger h4 { color: #d9534f; }
.bs-callout-warning { border-color: #f0ad4e; }
.bs-callout-warning h4 { color: #f0ad4e; }
.bs-callout-info { border-color: #5bc0de; }
.bs-callout-info h4 { color: #5bc0de; }
.bs-callout .alert { padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px; }

.has-success .form-control {border: #278c00 1px solid; background: #c1ffdb; color: #278c00;}
.has-warning .form-control {border: #db8a00 1px solid; background: #fffcce; color: #db8a00;}
.has-error .form-control {border: #840000 1px solid; background: #fc9494; color: #840000;}

.has-success.form-control {border: #278c00 1px solid; background: #c1ffdb; color: #278c00;}
.has-warning.form-control {border: #db8a00 1px solid; background: #fffcce; color: #db8a00;}
.has-error.form-control {border: #840000 1px solid; background: #fc9494; color: #840000;}

label.has-error { border: 1px #fc9494 solid; color: #840000; display: block !important;}

.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}
.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:normal !important;*word-spacing:normal !important}
.slabtextdone .slabtext{display:block}

a > .glyphicon {cursor: pointer; text-decoration: none; opacity: 1; transition: opacity .2s;}
a > .glyphicon:hover { opacity: 0.7; transition: opacity .2s; }


/* intensity-indicator */
div#intensity_wrapper_div, #intensity_wrapper_div * { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; }
#intensity_wrapper_div { position: relative; margin: 0 auto; height: 130px; width: 100px; }
#intensity_div { position: absolute; top: 0; left: 0; width: 100px; height: 130px; }
#intensity_bg { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0; }
.intensity_bg_color { background-color: #0F0; border: 1px solid #0F0; position: absolute; top: 0; left: 0px; }
#intensity_guage_wrapper { height:50px; position: absolute; top: 18px; left: 18px; width: 70px; overflow: hidden; }
#intensity_guage { border-radius: 100%; border: 5px solid #fff; position: absolute; width: 64px; height: 64px; }
#intensity_pointer { position: absolute; top: 0; left: 0; background: url('../../images/intensity_pointer.png') no-repeat; height: 100px; width: 100px; background-size: 100px; }
.intensity_pointer_rotation { transform: rotate(0deg); }
#intensity_text { position: absolute; bottom: 0; font-size: 24px; color: #000; font-family: ptsans-narrow-bold; text-align: center; width: 100%; }
/* @media (max-width: 480px) {
  #intensity_wrapper_div { margin: 0 auto; }
} */
.action-buttons a {
  margin-left: 15px;
}

.action-buttons a:nth-child(1) {
  margin-left: 0;
}
.form-inline .action-buttons {
  float: left; margin-right: 10px; font-size: 1.2em;
}

@media screen {
  #printer-body { max-width: 6.5in; width: 100%; }
  .report-item { font-size: 1.4rem; }
}

@media print {
  #printer-body { max-width: 100%; width: 100%; }
  .report-item { font-size: 1.1rem; }
}

img.sitelogo-print { max-width: 300px; width: 100%; }

.smw-300 {max-width: 300px; width: 100%; }
.smw-350 {max-width: 350px; width: 100%; }
.smw-400 {max-width: 400px; width: 100%; }
.smw-450 {max-width: 450px; width: 100%; }
.smw-500 {max-width: 500px; width: 100%; }
.smw-550 {max-width: 550px; width: 100%; }
.smw-600 {max-width: 600px; width: 100%; }