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

.thumbnail-slider { padding: 10px; }

.thumbnail-slider #carousel {

  border: 2px solid #aaa;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  box-shadow: 0 0 4px 1px #000; -moz-box-shadow: 0 0 4px 1px #000; -webkit-box-shadow: 0 0 4px 1px #000;
  margin: 0;
}

.thumbnail-slider #thumbcarousel { margin: 12px 0 0; padding: 0 20px; }
.thumbnail-slider #thumbcarousel .item { text-align: center; }
.thumbnail-slider #thumbcarousel .item .thumb { border: none; width: 30%; margin: 0 1%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 108px; }
.thumbnail-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }
.thumbnail-slider .item img { width: 100%; height: auto; }

.carousel-control { color: #002f50; text-align: center; text-shadow: none; font-size: 20px; width: 20px; height: 20px; line-height: 20px; top: 23%; }
.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.carousel-caption { font: normal normal normal 24px/18px opensans-cb; padding-bottom: 0; }
/* .carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; } */
.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }

/* @media (min-width: 768px) {
  .thumbnail-slider { padding: 0 10px 45px 10px; }
} */

@media (min-width: 970px) {
  .thumbnail-slider { padding: 10px 10px 45px 10px; }
}

@media (min-width: 480px) {
  .carousel-control { font-size: 30px; width: 30px; height: 30px; }
  .thumbnail-slider #thumbcarousel { padding: 0 30px; }
}

#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; }

.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;}

.form-group.has-success label { color: #278c00; }
.form-group.has-warning label { color: #db8a00; }
.form-group.has-error label { color: #840000; }

.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; }

.text-shadow { text-shadow: 2px 2px 0 #000000; }
.text-shadow-white { text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.9); }
.text-shadow-blur { text-shadow: 2px 2px 15px #ffffff; }
.text-stroke-black { font-weight: 500; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.text-stroke-white { font-weight: 500; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.text-stroke-primary { font-weight: 500; text-shadow: -3px -3px 0 var(--primary), 3px -3px 0 var(--primary), -3px 3px 0 var(--primary), 3px 3px 0 var(--primary); }
.text-stroke-secondary { font-weight: 500; text-shadow: -3px -3px 0 var(--secondary), 3px -3px 0 var(--secondary), -3px 3px 0 var(--secondary), 3px 3px 0 var(--secondary); }
.text-stroke-alternate { font-weight: 500; text-shadow: -3px -3px 0 var(--alternate), 3px -3px 0 var(--alternate), -3px 3px 0 var(--alternate), 3px 3px 0 var(--alternate); }

.shadowbox { -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; behavior: url('/shared/pie/pie.htc'); }
.shadowbox-bottom { -moz-box-shadow: 0px 2px 4px #000000; -webkit-box-shadow: 0px 2px 4px #000000; box-shadow: 0px 2px 4px #000000; behavior: url('/shared/pie/pie.htc');  }
.shadowbox-white { -moz-box-shadow: 0px 0px 10px #ffffff; -webkit-box-shadow: 0px 0px 10px #ffffff; box-shadow: 0px 0px 10px #ffffff; behavior: url('/shared/pie/pie.htc');  }

/* 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; }
} */


/* rolodexcard (grid-view) */

.rolodex-card {
  background: #fff;
  border: #888 1px solid;
  box-shadow: 2px 2px 1px #000;
  color: #000;
  margin-top: 5px; margin-bottom: 5px;
  position: relative;

}

.rolodex-card .rolodex-heading {
  padding: 5px 2%;
  background-color: #bbb;
}

.rolodex-card .rolodex-status {
  padding: 5px 2%;
  border-bottom: #bbb 1px solid;
}

.rolodex-card .rolodex-status p {
  padding-top: 10px;
}

.rolodex-card .rolodex-status a:hover { text-decoration: none !important; }
.rolodex-card .rolodex-status a > .glyphicon:hover { opacity: 1 !important; }

.rolodex-card .featured-bg {
  background-color: #fcc;
}

.rolodex-card .rolodex-body {
  padding: 5px;

}

.rolodex-card .displayname {
  font-family: ptsans-narrow-bold;
  text-align: center;
  font-size: 1.3em;
  color: #000;
  padding-top: 20px;
}

.rolodex-card .displayname .lighttext {
  font-family: opensans-sb;
  font-size: .85em;
}

.rolodex-card .numbersbox {
  position: absolute; text-align: left;
  bottom: 5px; left: 2%; width: 47%;
}

.rolodex-card a.rolodex-link {
  color: #222;
  text-decoration: underline dotted #888;
}

.rolodex-card a.rolodex-link:hover {
  color: #888;
  text-decoration: underline;
}

.rolodex-card .onlinebox {
  position: absolute; text-align: right;
  bottom: 5px; right: 2%; width: 47%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rolodex-card .action-buttons {
  text-align: right;
  font-size: 1.8em;
}
.action-buttons a {
  margin-left: 15px;
}

.action-buttons a:nth-child(1) {
  margin-left: 0;
}


@media (min-width: 768px) {
  .rolodex-card {
    min-height: 350px;
  }
}

@media (max-width: 480px) {
  .rolodex-card .numbersbox, .rolodex-card .onlinebox {
    text-align: center;
    width: 100%;
    position: relative;
    padding-top: 10px;
    font-size: .9em;
  }
  .rolodex-card .onlinebox {
    padding-left: 10px;

  }

}

.form-inline .action-buttons {
  float: left; margin-right: 10px; font-size: 1.2em;
}

.tw-button, .fb-button, .fb-share-button {
  display: inline-block; line-height: .8;
}



/*\
 * Restore Bootstrap 3 "hidden" utility classes.
\*/

/* Breakpoint XS */
@media (max-width: 575px)
{
    .hidden-xs,
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up,
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm,
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up,
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md,
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg,
    .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl,
    .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    }
}



/* bootstrap - max-width utilities */
.smw-600 {
  max-width: 600px; width: 100%; margin-left: auto; margin-right: auto;
}
.smw-500 {
  max-width: 500px; width: 100%; margin-left: auto; margin-right: auto;
}
.smw-400 {
  max-width: 400px; width: 100%; margin-left: auto; margin-right: auto;
}
.smw-300 {
  max-width: 300px; width: 100%; margin-left: auto; margin-right: auto;
}

.cycle2me { overflow: hidden !important; }

@media screen {
  #printer-body { max-width: 6.5in; width: 100%; }
}

@media print {
  #printer-body { max-width: 100%; width: 100%; }
}