/** Bootsrap common variables **/
/**
 * Calendar feature
 */
@-moz-keyframes event-box-popup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes event-box-popup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes event-box-popup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#content #calendar .ui-datepicker-header {
  font-size: 24px;
  line-height: 2em;
}
#content #calendar .ui-datepicker-header a {
  color: #fff;
}
#content #calendar .ui-datepicker-header a.ui-state-hover {
  color: #000;
}
#content #calendar .ui-datepicker-header .ui-icon {
  font-family: 'FontAwesome';
  padding: 0 15px;
  cursor: pointer;
  font-size: 35px;
  line-height: 43px;
}
#content #calendar .ui-datepicker-header .ui-datepicker-prev {
  float: left;
  width: 40px;
}
#content #calendar .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  left: 205px;
  width: 40px;
}
#content #calendar .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
#content #calendar .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  float: left;
  width: 150px;
}
#content #calendar .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  color: #fff;
  font-weight: bold;
  float: right;
  font-size: 28pt;
  padding-right: 15px;
  padding-top: 5px;
}
#content #calendar #datepicker {
  max-width: 500px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #005178), color-stop(1, #0073ac));
  background-image: -o-linear-gradient(right, #005178 0%, #0073ac 100%);
  background-image: -moz-linear-gradient(right, #005178 0%, #0073ac 100%);
  background-image: -webkit-linear-gradient(right, #005178 0%, #0073ac 100%);
  background-image: -ms-linear-gradient(right, #005178 0%, #0073ac 100%);
  background-image: linear-gradient(to right, #005178 0%, #0073ac 100%);
}
#content #calendar #datepicker table {
  width: 100%;
}
#content #calendar #datepicker table thead th {
  text-align: right;
  padding-right: 15px;
  color: #fff;
  font-size: 10pt;
}
#content #calendar #datepicker table tr {
  /*height: 14%;*/
  width: 100%;
}
#content #calendar #datepicker table tr td {
  /*padding: 0 5px 5px 0;*/
  width: 14%;
  width: 72px;
  /*padding-bottom: 14%;*/
  border: 1px solid black;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #bbbbbb), color-stop(100%, #888888));
  background-image: -moz-linear-gradient(left, #bbbbbb, #888888);
  background-image: -webkit-linear-gradient(left, #bbbbbb, #888888);
  background-image: linear-gradient(to right, #bbbbbb, #888888);
  background-size: cover;
}
#content #calendar #datepicker table tr td:first-child {
  border-left: none;
  padding-left: 1px;
}
#content #calendar #datepicker table tr td:last-child {
  border-right: none;
  padding-right: 1px;
}
#content #calendar #datepicker table tr td a {
  color: #fff;
  width: 100%;
  height: 72px;
  /*padding-bottom: 100%;*/
  display: block;
  cursor: default;
  text-align: right;
  padding-right: 15px;
}
#content #calendar #datepicker table tr td.active a {
  text-shadow: 0px 0px 3px white;
  background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 66%);
  background-image: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 66%);
  background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 66%);
  background-image: -ms-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 66%);
  background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 66%);
}
#content #calendar #datepicker table tr td.active:not(.event-selected-days) a {
  /*background-color: $navigation-vertical;*/
  cursor: pointer;
  /*&:not(.ui-state-hover):not(.ui-state-active) {*/
  /*    background-image: none;*/
  /*    color: #8c8d8f;*/
  /*}*/
  /*&.ui-state-hover, &.ui-state-active {*/
  /*background-color: #fff;*/
  /*background-color: rgba(255, 255, 255, 0.77);*/
  color: #0073ac;
  /*}*/
}
#content #calendar #datepicker table tr td.event-selected-days {
  background-color: #0073ac;
}
#content #calendar #datepicker table tr td.event-selected-days a {
  color: #0073ac;
  /*background-color: #fff;*/
  /*background-color: rgba(255, 255, 255, 0.77);*/
}
#content #calendar #datepicker table tr td.active:not(.event-selected-days) {
  /*@include filter(blur(1px));*/
}
#content #calendar #datepicker table tr td.active:not(.event-selected-days) a {
  color: white;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.22);
  background-image: -o-linear-gradient(right, #0073ac 0%, #005178 100%);
  background-image: -moz-linear-gradient(right, #0073ac 0%, #005178 100%);
  background-image: -webkit-linear-gradient(right, #0073ac 0%, #005178 100%);
  background-image: -ms-linear-gradient(right, #0073ac 0%, #005178 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
#content #calendar #event-list .row.years {
  color: #333;
}
#content #calendar #event-list .row.years .btn-group.years {
  color: #333;
}
#content #calendar #event-list .row.years .btn-group.years .btn.btn-default {
  color: #fff;
  background: #aaa;
}
#content #calendar #event-list .row.years .btn-group.years .btn.btn-default:hover {
  background: #ddd;
}
#content #calendar #event-list .row.years .btn-group.years .btn.btn-default.active {
  background: #0073ac;
  color: white;
}
#content #calendar #event-list .row.events-list {
  color: #333;
  margin-top: 30px;
}
#content #calendar #event-list .row.events-list .event-box {
  margin-top: 10px;
  cursor: pointer;
  border-bottom: 1px solid #bebebe;
  padding: 15px 0;
}
#content #calendar #event-list .row.events-list .event-box .event-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul {
  list-style: none;
  padding: 10px;
  text-align: center;
  background-color: #0073ac;
  color: white;
  /*height: 100px;*/
  /*min-height: 88px;*/
  width: 60px;
  /*padding-bottom: 1px;*/
  float: left;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul li.event-day {
  font-size: 22pt;
  line-height: 1em;
  font-weight: bold;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul li.event-day span.day-name {
  display: none;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul li.event-month, #content #calendar #event-list .row.events-list .event-box .event-card ul li.event-year, #content #calendar #event-list .row.events-list .event-box .event-card ul li.event-time {
  line-height: 1em;
  font-weight: bold;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul li.event-month {
  text-transform: uppercase;
  font-size: 10pt;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul.date-end {
  position: relative;
  margin-left: 10px;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul.date-end:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  position: absolute;
  color: #888;
  top: 26px;
  font-size: 12pt;
  left: -7px;
}
#content #calendar #event-list .row.events-list .event-box .event-card ul.betradar {
  background: #0072B1;
}
#content #calendar #event-list .row.events-list .event-box:last-child {
  border-bottom: none;
}
#content #calendar #event-list .row.events-list .event-box .event-content {
  display: none;
}
#content #calendar #event-list .row.events-list .event-box .event-content p {
  margin-bottom: 24px;
  color: #8c8d8f;
  font-size: 15px;
  line-height: 24px;
}
#content #calendar #event-list .row.events-list .event-box .event-content ul {
  position: relative;
  padding-left: 20px;
  padding-top: 10px;
}
#content #calendar #event-list .row.events-list .event-box .event-content ul li {
  list-style: none;
}
#content #calendar #event-list .row.events-list .event-box .event-content ul li:before {
  content: '';
  background-color: #0073ac;
  padding: 3px;
  left: 0px;
  position: absolute;
  border-radius: 5px;
  margin-top: 9px;
}
#content #calendar #event-list .row.events-list .event-box.event-selected {
  border-bottom-width: 2px;
}
#content #calendar #event-list .row.events-list .event-box.event-selected .event-content {
  display: block;
  color: #8c8d8f;
}
#content #calendar #event-list .row.events-list .event-box.event-selected .next-details {
  display: none;
}
#content #calendar #event-list .row.events-list .event-box .event-title-location {
  padding: 0 15px;
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#content #calendar #event-list .row.events-list .event-box .event-title-location h1, #content #calendar #event-list .row.events-list .event-box .event-title-location h2, #content #calendar #event-list .row.events-list .event-box .event-title-location h3 {
  font-size: 16px;
  min-height: 0;
  margin: 0 0 10px;
  /*position: absolute;*/
  padding-right: 10px;
}
#content #calendar #event-list .row.events-list .event-box .event-title-location h2 {
  text-transform: none;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}
#content #calendar #event-list .row.events-list .event-box .event-title-location h3 {
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 0;
  /*position: absolute;*/
  bottom: 10px;
}
#content #calendar #event-list .row.events-list .event-box .event-link {
  color: #333;
  width: 55px;
}
#content #calendar #event-list .row.events-list.next-event .event-box {
  border-bottom: none;
}
#content #calendar #event-list .row.events-list.next-event .event-box .event-card a {
  pointer-events: auto;
}
#content #calendar #event-list .row.events-list.next-event .event-box .event-content {
  display: none;
}
#content #calendar #event-list .row.events-list.next-event .event-box .event-content.next-details {
  padding-top: 20px;
  display: block;
}
#content #calendar #event-list .row.events-list.next-event .event-box .event-content.next-details strong {
  color: #333;
}
@media (max-width: 992px) {
  #content #calendar #event-list .row.events-list .event-box .event-card ul {
    width: 45px;
    padding: 5px;
  }
  #content #calendar #event-list .row.events-list .event-box .event-card ul li.event-day {
    font-size: 20pt;
  }
  #content #calendar #event-list .row.events-list .event-box .event-card .event-title-location h1 {
    font-size: 11pt !important;
  }
  #content #calendar #event-list .row.events-list .event-box .event-card .event-title-location h3 {
    font-size: 10pt;
  }
}
@media (max-width: 767px) {
  #content #calendar #datepicker {
    display: none;
  }
  #content #calendar #event-list .row.years {
    color: #333;
  }
  #content #calendar #event-list .row.years .btn-group.years {
    color: #333;
  }
  #content #calendar #event-list .row.years .btn-group.years .btn.btn-default {
    color: #333;
  }
  #content #calendar #event-list .row.years .btn-group.years .btn.btn-default.active {
    background: #0073ac;
    color: white;
  }
  #content #calendar #event-list .row.events-list {
    margin-top: 10px;
  }
  #content #calendar #event-list .row.events-list .mobile-calendar {
    border-radius: 10px;
    overflow: hidden;
    background-color: #3b3b3b;
  }
  #content #calendar #event-list .row.events-list .mobile-calendar .blank-days span {
    border-bottom: 1px solid #2f2f2f;
    box-shadow: 0px 1px 0px 0px #4f4f4f;
    color: #888;
    margin: 0 5px;
    display: block;
    padding-left: 30px;
    font-size: 8pt;
    line-height: 1.1em;
  }
  #content #calendar #event-list .row.events-list .ui-datepicker-header {
    font-size: 16pt;
    color: #888;
    margin-bottom: 15px;
  }
  #content #calendar #event-list .row.events-list .ui-datepicker-header .ui-icon {
    color: #888;
    font-size: 20pt;
  }
  #content #calendar #event-list .row.events-list .ui-datepicker-header .ui-datepicker-title {
    color: #888;
  }
  #content #calendar #event-list .row.events-list .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    font-size: 16pt;
    font-weight: normal;
  }
  #content #calendar #event-list .row.events-list .event-box {
    margin: 0;
    padding: 0px 0;
  }
  #content #calendar #event-list .row.events-list .event-box .event-card {
    padding: 10px 10px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0073ac), color-stop(1, #005178));
    background-image: -o-linear-gradient(bottom, #0073ac 0%, #005178 100%);
    background-image: -moz-linear-gradient(bottom, #0073ac 0%, #005178 100%);
    background-image: -webkit-linear-gradient(bottom, #0073ac 0%, #005178 100%);
    background-image: -ms-linear-gradient(bottom, #0073ac 0%, #005178 100%);
    background-image: linear-gradient(to bottom, #0073ac 0%, #005178 100%);
  }
  #content #calendar #event-list .row.events-list .event-box .event-card .event-dates {
    margin-right: 30px;
  }
  #content #calendar #event-list .row.events-list .event-box .event-card h1 {
    color: #fff;
    font-family: 'Arial';
    text-transform: none;
    line-height: 1em;
    padding: 5px 0 0;
  }
  #content #calendar #event-list .row.events-list .event-box .event-card .event-expand-mobile {
    padding-right: 10px;
  }
  #content #calendar #event-list .row.events-list .event-box .event-content {
    padding: 5px;
  }
  #content #calendar #event-list .row.events-list .event-box .event-content ul li {
    color: white;
  }
  #content #calendar #event-list .row.events-list .event-box .event-title-location h3 {
    display: none;
  }
  #content #calendar #event-list .row.events-list .event-box ul {
    background-color: transparent;
    float: none;
  }
  #content #calendar #event-list .row.events-list .event-box ul li.event-day {
    font-size: 14pt;
  }
  #content #calendar #event-list .row.events-list .event-box ul li.event-day span.day-name {
    display: inline;
    font-size: 0.6em;
    padding-left: 5px;
  }
  #content #calendar #event-list .row.events-list .event-box ul li.event-month, #content #calendar #event-list .row.events-list .event-box ul li.event-year, #content #calendar #event-list .row.events-list .event-box ul li.event-time {
    display: none;
  }
  #content #calendar #event-list .row.events-list .event-box ul.date-end {
    margin-left: 0;
  }
  #content #calendar #event-list .row.events-list .event-box ul.date-end:before {
    display: none;
  }
}
@media (max-width: 480px) {
  #content #calendar #event-list .row.events-list .event-box .event-card .event-dates {
    margin-right: 0;
  }
  #content #calendar h1 {
    font-size: 15px !important;
  }
}
#content #calendar .blur {
  /*@include filter(blur(1px));*/
}

/** !Calendar feature **/

/*# sourceMappingURL=calendar.css.map */