/* New styles */

.tile {
  float: left;
  width: 112px;
  height: 102px;
  margin-right: 3px;
  margin-bottom: 14px;
}
.tile .tilecontent {
  float: left;
  width: 102px;
  height: 102px;
  font-size: 0.8em;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.1);
}
.tile .tilecontent.dd {
  border-color: #333;
}
.tile .tileslot {
  float: right;
  width: 4px;
  height: 102px;
}
.tile .tilecontent .image {
  height: 78px;
  margin: 2px 0;
  background: transparent none no-repeat center center;
}
.tile .tilecontent .addtext {
  width: 103px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  text-overflow: ellipsis;
}
.tile .tilecontent .text {
  padding: 5px 5px 0 5px;
  overflow: hidden;
  line-height: 15px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tile.prompt-drop .tileslot {
  background-color: black;
}
.tile.new .tilecontent > * {
  opacity: 0.6;
}
.tile.new .tilecontent .image {
  height: 64px;
  font-size: 5em;
  line-height: 78px;
  text-align: center;
}
.tile.new .tilecontent .text {
  font-size: 1.1em;
}
/* TimedEventTile styles */

.timedEventTile {
  float: left;
  width: 212px;
  height: 202px;
  margin-right: 3px;
  margin-bottom: 14px;
}
.timedEventTile .tilecontent {
  float: left;
  width: 202px;
  height: 202px;
  font-size: 0.8em;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.1);
}
.timedEventTile .tilecontent.dd {
  border-color: #333;
}
.timedEventTile .tileslot {
  float: right;
  width: 4px;
  height: 102px;
}
.timedEventTile .tilecontent .image {
  height: 78px;
  margin: 2px 0;
  background: transparent none no-repeat center center;
}
.timedEventTile .tilecontent .addtext {
  width: 203px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  text-overflow: ellipsis;
}
.timedEventTile .tilecontent .text {
  width: 200px;
  height: 18px;
  margin: 0 auto !important;
  overflow: hidden;
  line-height: 15px;
  text-align: center;
  text-overflow: ellipsis;
  /*overflow:hidden;
    overflow: ellipsis;*/
  white-space: nowrap;
}
.timedEventTile .tilecontent .details {
  display: flex;
  justify-content: space-between;
  height: 25px;
  margin: 5px 15px;
  overflow: hidden;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timedEventTile .tilecontent .detailsPrice,
.timedEventTile .tilecontent .detailsDays {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timedEventTile .tilecontent .date {
  height: 25px;
  margin-top: 10px;
  margin-right: 15px;
  margin-left: 15px;
  overflow: hidden;
  line-height: 25px;
  text-overflow: ellipsis;
  /*overflow:hidden;
    overflow: ellipsis;*/
  white-space: nowrap;
}
.timedEventTile .tilecontent .eyeIcon {
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  line-height: 25px;
  background: url('../img/icon-eye.png') no-repeat;
  background-size: contain;
}
.timedEventTile .tilecontent .date .icon {
  width: 18px;
  height: 18px;
  background-image: url('../img/calendar-icon.png');
}
.timedEventTile .tilecontent .timeInfo .icon {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  background-image: url('../img/time-icon.png');
}
.timedEventTile .tilecontent .timeInfo {
  width: 200px;
  height: 25px;
  margin-top: 10px;
  margin-right: 15px;
  margin-left: 15px;
  overflow: hidden;
  /*overflow:hidden;
    overflow: ellipsis;*/
  font-size: 1.1em;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timedEventTile .tilecontent .icon {
  float: left;
  width: 10%;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  text-overflow: ellipsis;
  /*overflow:hidden;
    overflow: ellipsis;*/
  white-space: nowrap;
}
.timedEventTile .tilecontent .info {
  width: 80%;
  height: 25px;
  margin-left: 5%;
  overflow: hidden;
  line-height: 25px;
  text-overflow: ellipsis;
  /*overflow:hidden;
    overflow: ellipsis;*/
  white-space: nowrap;
}
.timedEventTile .tilecontent .days {
  float: left;
  width: 10%;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  text-overflow: ellipsis;
  /*overflow:hidden;
    overflow: ellipsis;*/
  white-space: nowrap;
}
.timedEventTile.prompt-drop .tileslot {
  background-color: black;
}
.timedEventTile.new .tilecontent > * {
  opacity: 0.6;
}
.timedEventTile.new .tilecontent .image {
  height: 64px;
  font-size: 5em;
  line-height: 88px;
  text-align: center;
}
.timedEventTile.new .tilecontent .text {
  font-size: 1.1em;
}

/*==== Buttons ====*/
.btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(top, #fff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
}

.btn:active,
.btn.active {
  background-color: #ccc \9;
}

.btn:hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -15px;
  transition: background-position 0.1s linear;

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  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);

  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  border-radius: 5px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.btn-large [class^='icon-'] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^='icon-'] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  background-color: #0074cc;
  background-image: -ms-linear-gradient(top, #08c, #05c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#05c));
  background-image: -webkit-linear-gradient(top, #08c, #05c);
  background-image: -o-linear-gradient(top, #08c, #05c);
  background-image: -moz-linear-gradient(top, #08c, #05c);
  background-image: linear-gradient(top, #08c, #05c);
  background-repeat: repeat-x;
  border-color: #05c #05c #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#0088cc", endColorstr="#0055cc", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #05c;
  background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}

.btn-warning {
  background-color: #faa732;
  background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#fbb450", endColorstr="#f89406", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  background-color: #da4f49;
  background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#bd362f", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  background-color: #5bb75b;
  background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#62c462", endColorstr="#51a351", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  background-color: #49afcd;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#5bc0de", endColorstr="#2f96b4", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  background-color: #414141;
  background-color: #222;
  background-image: -ms-linear-gradient(top, #555, #222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#222));
  background-image: -webkit-linear-gradient(top, #555, #222);
  background-image: -o-linear-gradient(top, #555, #222);
  background-image: -moz-linear-gradient(top, #555, #222);
  background-image: linear-gradient(top, #555, #222);
  background-repeat: repeat-x;
  border-color: #222 #222 #000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#555555", endColorstr="#222222", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222;
  background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type='submit'].btn {
  padding-top: 2px;
  padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type='submit'].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type='submit'].btn.btn-large {
  padding-top: 7px;
  padding-bottom: 7px;
}

button.btn.btn-small,
input[type='submit'].btn.btn-small {
  padding-top: 3px;
  padding-bottom: 3px;
}

button.btn.btn-mini,
input[type='submit'].btn.btn-mini {
  padding-top: 1px;
  padding-bottom: 1px;
}

.btn-group {
  position: relative;
  margin-left: 0.3em;
  zoom: 1;
}

.btn-group:before,
.btn-group:after {
  display: table;
  content: '';
}

.btn-group:after {
  clear: both;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}

.btn-toolbar .btn-group {
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
}

.btn-group > .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  border-radius: 0;

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;

  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;

  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;

  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;

  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.c .info-tooltip .hover.left {
  right: -15px;
  left: auto;
}

.info-tooltip .hover.right {
  min-width: 100px;
  max-width: 189px;
  top: 20px;
  bottom: auto;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  font-size: 0.9em;
  background-image: none;
  background-color: #ffffff;
  color: #000000;
  z-index: 10;
  left: -16px;
}

.info-tooltip .hover:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent #dfdfdf transparent;
  position: absolute;
  top: -6px;
  content: '';
}

.info-tooltip .hover.left:after,
.info-tooltip .hover.left:before {
  right: 16px;
}

.info-tooltip .hover.right:before,
.info-tooltip .hover.right:after {
  left: 16px;
}

.info-tooltip .hover:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -5px;
  content: '';
}

.info-tooltip {
  position: relative;
  margin-left: 5px;
  color: #d2d6d6;
}

.info-tooltip .hover a,
.info-tooltip:hover,
.info-tooltip:active {
  color: #1e90ff;
  z-index: 11;
}

.info-tooltip .hover a {
  text-decoration: underline;
}

.info-tooltip:after {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -4px;
  left: -5px;
  text-align: center;
  line-height: 20px;
  background-color: transparent;
  content: '';
}