body {
  --link-color: #049cdb;
  --border-color: #b8baba;
}
.fa-hover .fa {
  position: relative;
  text-align: center;
  width: 1.5em;
}
.fa-hover:hover {
  color: white !important;
}
.fa-hover:hover .fa {
  font-size: 1.5em;
  line-height: 0.6;
  top: 0.2em;
  width: 1em;
}
.fa-hover.facebook:hover {
  background: #3b5998 !important;
}
.fa-hover.github:hover {
  background: #333333 !important;
}
.fa-hover.txrx:hover {
  background: #333333 !important;
}
.fa-hover.google:hover {
  background: #d34836 !important;
}
/*@font1: "Novecentosanswide-Book";
@font2: "Novecentosanswide-Normal";

.navFont {
  font-family: @font1;
  font-weight: bold;
}*/
body {
  width: 100%;
}
body,
html {
  height: 100%;
  overflow-x: hidden;
}
body {
  --link-color: #049cdb;
}
#wrapper {
  min-height: 100%;
  position: relative;
}
.fa {
  font-family: inherit;
  line-height: inherit;
}
.fa:before {
  font-family: FontAwesome;
}
@media (max-width: 767px) {
  .hidden246:nth-child(n+3) {
    display: none;
  }
  .hidden112:nth-child(n+2) {
    display: none;
  }
}
@media (max-width: 991px) {
  .hidden246:nth-child(n+5) {
    display: none;
  }
  .hidden112:nth-child(n+2) {
    display: none;
  }
}
@media (max-width: 1099px) {
  .hidden246:nth-child(n+7) {
    display: none;
  }
  .hidden112:nth-child(n+3) {
    display: none;
  }
}
body:not(.is-superuser) .superuseronly {
  display: none;
}
@font-face {
  font-family: 'AvenirLT-Light';
  font-style: normal;
  font-weight: 400;
  src: local('AvenirLT-Light'), url(/static/fonts/avenir_lt_35_light_regular-webfont.woff2) format('woff2');
}
/* bootstrap overrides */
.navbar-brand {
  padding: 0 10px;
}
.navbar-brand img {
  height: 45px;
  margin: 8px;
}
@media (min-width: 768px) {
  .navbar-brand img {
    height: 84px;
    margin-top: -2px;
  }
}
@media screen and (min-width: 992px) {
  .nav .dropdown:hover .dropdown-menu,
  .navb .dropdown:hover .dropdown-menu {
    display: block;
  }
  .nav .dropdown .dropdown-menu,
  .navb .dropdown .dropdown-menu {
    display: none;
  }
  .nav .dropdown-item,
  .navb .dropdown-item {
    --bs-dropdown-color: white !important;
    color: white;
  }
}
@media (min-width: 768px) {
}
.navbar-nav .calendar.dropdown li a {
  text-transform: none;
}
.navbar-nav .calendar.dropdown li a b {
  color: #049cdb;
  text-transform: uppercase;
}
.jumbotron {
  background-color: rgba(242, 101, 34, 0.93) !important;
  padding: 1rem !important;
  border-radius: 0px !important;
  border-bottom: 1px solid grey;
  margin-bottom: 0px !important;
}
.jumbotron .hours {
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
  color: white;
  font-family: AvenirLT-Light, sans-serif;
}
.jumbotron .btn-catchy {
  background-color: #ff9800;
  color: white;
  border-radius: 25px;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 18px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
}
.jumbotron .btn-catchy:hover,
.jumbotron .btn-catchy:focus {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: white;
}
@media (max-width: 451px) {
  .jumbotron .hours {
    font-size: 25px;
  }
}
@media (max-width: 380px) {
  .jumbotron .hours {
    font-size: 23px;
  }
}
.dropdown-item .fa {
  padding-right: 5px;
}
.jumbotron a.btn {
  color: #363531;
  margin: .5rem;
  border-radius: 0;
  border-width: 2px;
  border-color: #767581;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 800;
  padding: .5rem;
  background-color: transparent;
  width: 200px;
}
.jumbotron a.btn:hover {
  color: white;
  background-color: #767581;
}
/*.navbar-nav > li.current {
  > a:after {
    background: orange !important;
    content: "";
    display: block;
    height: 3px;
    width: 100%;
  }
  @media (max-width: @screen-sm-max) {
    background: @gray-lighter;
  }
}*/
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff !important;
  font-family: AvenirLT-Light, sans-serif;
  text-transform: capitalize;
  font-size: 15px;
}
.navbar-nav .nav-item > div,
.dropdown-item {
  /*> a::before, > div > a::before, nav-link-top-border {*/
  font-size: 15px;
}
.navbar-nav .nav-item > div .nav-link-top-border,
.dropdown-item .nav-link-top-border {
  background: #eeeeee;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  margin-bottom: 15px;
}
.navbar-nav .nav-item > div .top-border-link,
.dropdown-item .top-border-link,
.navbar-nav .nav-item > div .top-border-sublink,
.dropdown-item .top-border-sublink {
  border-top: 2px solid #eeeeee;
  padding-bottom: .5em;
}
.navbar-nav .nav-item > div .top-border-link.current,
.dropdown-item .top-border-link.current,
.navbar-nav .nav-item > div .top-border-sublink.current,
.dropdown-item .top-border-sublink.current {
  border-top: 3px solid rgba(242, 101, 34, 0.93) !important;
}
.navbar-nav .nav-item > div a:hover.top-border-link,
.dropdown-item a:hover.top-border-link,
.navbar-nav .nav-item > div a:hover.top-border-sublink,
.dropdown-item a:hover.top-border-sublink {
  border-top: 3px solid rgba(242, 101, 34, 0.93) !important;
}
.navbar-nav .nav-item > div .top-border-link > div,
.dropdown-item .top-border-link > div {
  border-top: 10px;
}
.navbar-nav .nav-item > div .top-border-link,
.dropdown-item .top-border-link {
  min-height: 65px;
}
.navbar-nav .nav-item.current > div,
.dropdown-item.current {
  /* > a::before, > div > a::before, nav-link-top-border {  */
}
.navbar-nav .nav-item.current > div .nav-link-top-border,
.dropdown-item.current .nav-link-top-border {
  background: orange !important;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  margin-bottom: 15px;
}
.navbar-nav .nav-item.current > div a:hover .nav-link-top-border,
.dropdown-item.current a:hover .nav-link-top-border {
  height: 4px;
}
/*
.navbar-collapse .fa-close { display: none; }
@media (max-width: @screen-sm-max) {
  .navbar-collapse {
    display: block;
    background: @body-bg;
    box-shadow: 1px 1px 2px @gray-light;
    height: auto;
    max-height: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 100;
    transition: width 0.25s;
    .social { display: none; }
    &.in { width: 200px; }
    .navbar-nav { margin-bottom: 0; margin-top: 0; }
    li {
      margin: 0 10px;
      width: 200px;
      &.current { background: @gray-lighter; }
      a:after { content: initial; }
    }
    .fa-close {
      color: inherit;
      text-align: right;
      display:block;
      padding: 10px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      &:hover {
        background: @gray-lighter;
      }
    }
  }
  .navbar-toggle.in:before {
    background: @gray;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.25;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
  }
}

 */
.navbar {
  background-color: #767581;
  padding: 1rem;
}
.dropdown-menu {
  top: 75%;
  --bs-dropdown-bg: rgba(118, 117, 129, 0.93) !important;
  color: white;
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
  color: rgba(212, 212, 212, 0.99);
  background-color: rgba(18, 17, 29, 0.93) !important;
}
.nav-item {
  padding: 0px;
}
.navbar .auth {
  overflow: visible;
  text-transform: none;
  white-space: nowrap;
  width: auto;
}
.nav > li.social > a {
  display: inline-block;
  vertical-align: top;
}
.nav > li.social > a .fa {
  line-height: 1.2;
  font-size: 16px;
}
@media (max-width: 767px) {
  nav li {
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  }
  nav > ul > li {
    border-top: 1px solid rgba(34, 34, 34, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1099px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .nav > li.social {
    margin-left: 15px;
    margin-right: 15px;
    border-left: 2px solid rgba(34, 34, 34, 0.3);
    border-right: 2px solid rgba(34, 34, 34, 0.3);
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
  }
  nav {
    margin-top: 0px;
    padding-top: 25px;
    position: relative;
  }
  .navbar-default .main-nav > li > a {
    margin-top: 22px;
    padding: 8px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar-default .auth {
    right: 0;
    position: absolute;
    top: 0;
  }
  .navbar-default .auth > li > a {
    padding-top: 5px;
    padding-bottom: 0;
  }
  .dropdown-menu {
    top: 100%;
  }
}
@media (min-width: 1400px) {
  .navbar-dark .navbar-nav .nav-link {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .auth {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
    top: 3em;
  }
}
testit {
  color: red;
}
section {
  padding-bottom: 25px;
}
section.banner {
  padding-bottom: 35px;
}
.floatingBox {
  background: #eeeeee;
  box-shadow: 1px 1px 4px #222222;
  padding: 3px;
  position: absolute;
  z-index: 10;
}
.ViewAll {
  float: right;
  padding: 10px 20px;
  text-transform: none;
}
/* txrx overrides */
.btn-no {
  background: transparent;
  border: 0;
  color: inherit;
  outline: 0;
}
header,
#main {
  padding: 0 15px;
}
a[href] {
  cursor: pointer;
}
h1.page_title {
  color: #3b3b3c;
  border-bottom: 2px solid;
  font-weight: normal;
  line-height: 37px;
  margin-bottom: 15px;
  padding-right: 120px;
  position: relative;
}
h1.page_title .calendar_widget {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  h1.page_title {
    padding-right: 0;
  }
}
h3.block_title {
  color: #3b3b3c;
  font-weight: normal;
  margin: 0 0 15px;
  text-transform: uppercase;
}
h3.block_title.margin-top {
  margin: 15px 0 5px;
}
#side h3.block_title {
  border-bottom: 2px solid;
  margin: 0 0 15px;
  padding-top: 10px;
  text-align: right;
}
.generic_box .inlined {
  display: inline-block;
  max-width: 245px;
  vertical-align: middle;
}
#flatpage > iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#flatpage h3.block_title {
  margin: 0;
}
#flatpage .well > :last-child {
  margin-bottom: 0;
}
#flatpage h1 {
  margin-top: 10px;
}
#flatpage h2 {
  margin-top: 5px;
}
#flatpage p {
  margin-bottom: 20px;
}
.well.success {
  background-color: #69b2d6;
}
.well.success a,
.well.success .has_notes span {
  color: #eeeeee;
}
#memberships {
  text-align: center;
}
#memberships .membership {
  display: inline-block;
  max-width: 100%;
  padding: 15px 20px;
  text-align: left;
  width: 350px;
}
#memberships .membership h2 {
  margin-bottom: 10px;
}
#memberships .membership .membership_features {
  min-height: 180px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#memberships .membership .membership_features li {
  padding-bottom: 10px;
}
#memberships .membership .membership_features li:last-child {
  padding: 0;
}
#memberships .button_box {
  padding-top: 15px;
}
#memberships form {
  text-align: center;
}
#memberships select {
  width: 250px;
  max-width: 100%;
}
#memberships .fa-check {
  color: #10a49b;
}
@media (max-width: 768px) {
  #memberships .membership .membership_features {
    height: auto;
    width: 100%;
  }
}
form label.required {
  font-weight: bold;
}
form.filters {
  margin-bottom: 10px;
}
#toggle_filters,
[for=toggle_filters] {
  display: none;
}
@media (max-width: 767px) {
  .course_filters {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s;
  }
  [for=toggle_filters] {
    display: block;
    margin-bottom: 10px;
  }
  #toggle_filters:checked ~ .course_filters {
    max-height: 1000px;
  }
}
.list_filter {
  display: block;
}
.list_filter [type=radio] {
  display: none;
}
.list_filter label {
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.list_filter label.selected {
  font-weight: bold;
}
.list_filter .child {
  display: none;
}
#bot_right,
#mobileCart {
  border: double 4px;
  bottom: 0px;
  padding: 6px 10px;
  position: fixed;
  z-index: 100;
}
#mobileCart {
  right: 0;
  margin: 0;
}
#bot_right {
  background: #eeeeee;
  left: 0px;
}
#labs .lab .bg {
  width: 100%;
}
#labs .lab a {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
#labs .lab .bottom {
  bottom: 0;
  color: #eeeeee;
  font-size: 18px;
  padding: 30px 15px 5px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px #222222;
  width: 100%;
  background: transparent;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(85, 85, 85, 0.75)), to(transparent));
  background: -webkit-linear-gradient(top, transparent, rgba(85, 85, 85, 0.75));
  background: -moz-linear-gradient(top, transparent, rgba(85, 85, 85, 0.75));
  background: -ms-linear-gradient(top, transparent, rgba(85, 85, 85, 0.75));
  background: -o-linear-gradient(top, transparent, rgba(85, 85, 85, 0.75));
}
img {
  max-width: 100%;
}
/* blog */
div.highlight {
  clear: both;
}
div.post-content {
  margin: 15px 0 40px;
  width: 100%;
}
div.post-content code {
  background-color: #eeeeee;
}
div.post-content iframe {
  max-width: 100%;
}
div.post-content .post-image {
  float: left;
  margin: 0 20px 20px 0;
}
.post-tags {
  font-size: 12px;
}
label .help-text {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 25px;
}
.hidden_checkbox + label,
comment-form form {
  position: relative;
}
.hidden_checkbox + label.loading:before,
comment-form form.loading:before {
  background: rgba(232, 234, 234, 0.8);
  content: "Loading...";
  display: block;
  height: 100%;
  left: 0;
  line-height: 200px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.hidden_checkbox {
  display: none;
}
.hidden_checkbox:checked + label {
  background-color: #10a49b;
}
.hidden_checkbox:checked + label img {
  opacity: 0.5;
}
.hidden_checkbox:checked + label h3 {
  color: #eeeeee;
}
.hidden_checkbox + label {
  cursor: pointer;
  max-width: 100%;
}
.hidden_checkbox + label h3 {
  height: 56px;
  overflow: hidden;
  word-wrap: break-word;
}
/* from the codrspace boot strap */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999999;
}
h1 {
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h2 small {
  font-size: 18px;
}
h3 {
  line-height: 27px;
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4,
h5,
h6 {
  line-height: 18px;
}
h4 {
  font-size: 14px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
}
p a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #3491bf;
}
/* events */
#orientations .btn {
  cursor: pointer;
  display: block;
  text-align: center;
  width: 110px;
}
#orientations ez-file .btn.fa-trash,
#orientations ez-file .btn.btn-success {
  display: inline-block;
  width: auto;
  position: relative;
}
#orientations .well {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#orientations .text {
  font-size: 1.5em;
}
@media (max-width: 767px) {
  #orientations .text {
    font-size: 1.3em;
  }
}
#orientations .buttons {
  display: flex;
  flex-flow: row wrap;
  margin-left: 20px;
  max-height: 130px;
  max-width: 240px;
}
#orientations .buttons > .cell {
  flex-basis: 110px;
  margin: 5px;
}
.paginator {
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.paginator strong {
  font-size: 2em;
}
.paginator .left,
.paginator .right {
  position: absolute;
  top: 0;
}
.paginator .left {
  left: 0;
}
.paginator .right {
  right: 0;
}
h3.date {
  text-decoration: underline;
  margin: 15px 0 0;
}
.course-detail .left {
  position: relative;
}
.course-detail .left .calendar_widget {
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
}
.photorow :target {
  position: relative;
}
.photorow :target:after {
  border: solid 10px;
  border-color: transparent transparent #999;
  bottom: -5px;
  content: "";
  display: block;
  left: 50%;
  margin-left: -15px;
  position: absolute;
}
.photorow .after {
  background-color: #999;
  display: none;
  float: left;
  margin: 5px 0 20px 20px;
  text-align: center;
  width: 940px;
}
.photorow .after .link {
  display: block;
  margin: 20px;
}
.center {
  text-align: center;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
[data-before]:before {
  color: red;
  content: attr(data-before);
  font-weight: bold;
}
[data-tooltip] {
  position: relative;
  z-index: 10;
}
[data-tooltip]:hover:after {
  background: #eeeeee;
  box-shadow: 1px 1px 4px #222222;
  padding: 3px;
  position: absolute;
  z-index: 10;
  content: attr(data-tooltip);
  display: block;
  bottom: 20px;
  text-align: center;
  width: 160px;
}
[data-reddot]:after {
  background: red;
  border-radius: 100%;
  color: #eeeeee;
  content: attr(data-reddot);
  display: inline-block;
  font-family: monospace;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0 5px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 20px;
}
[data-reddot="0"]:after {
  content: initial;
  display: none;
}
.evaluation_form textarea {
  display: block;
  height: 6em;
}
.evaluation_form [name=visuals_comments],
.evaluation_form [name=content_comments],
.evaluation_form [name=presentation_comments] {
  display: inline-block;
  height: 4em;
  width: 300px;
}
/*.evaluation_form .top {
  margin: 0 15px 10px 250px;
  min-height: 10px;
  overflow: hidden;
  text-align: center;
  .l { float: left; }
  .r { float: right; }
  .scale { font-size: 0.8em; display: inline-block; width: 75px; }
}

.evaluation_form {
  ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 50px;
    width: 350px;
    label { position: relative; width: 100%; }
    input {
      position: absolute;
      left: 50%;
      margin-left: -10px;
      top: 100%;
      width: 20px;
    }
    &.errorlist {
      color: red;
      font-weight: bold;
      padding-left: 20px;
      width: 250px;
      li { width: auto; }
    }
  }
  li {
    display: inline-block;
    text-align: center;
    width: 19%;
  }
  label {
    display: inline-block;
    width: 200px;
  }
  .required > label { font-weight: bold; &:after { content: "*"; } }
  label, input { margin-bottom: 0; }
  .help_text { font-size: 0.8em; width: 250px; }
  .comments {
    margin-bottom: 30px;
    input { margin-left: -100px; width: 500px; max-width: 100%; }
  }
}

.evaluation_form [class^=id_question] {
  label { margin-bottom: 10px; width: 100%; }
  textarea { height: 75px; width: 100%; }
}
*/
textarea,
input {
  max-width: 100%;
}
p.error {
  color: #b11444;
}
/* currently only used on login form */
ul.errorlist {
  color: #b11444;
}
.btn.disabled {
  color: #999999;
}
.btn.disabled.btn-success {
  color: #eeeeee;
}
.pagination {
  display: inline-block;
}
.nav-tabs {
  margin-bottom: 15px;
}
#location_form .room_form {
  display: none;
}
#location_form .room_form label {
  vertical-align: middle;
  width: 135px;
}
#location_form :checked + label {
  outline: 1px solid #555555;
}
#location_form :checked + label + .room_form {
  display: block;
}
#location_form [name=room_selector] {
  display: none;
}
#contact_form.sending:after {
  content: "Sending ...";
}
.jsign-wrapper {
  position: relative;
}
.jsign-wrapper [value=Reset] {
  position: absolute;
  right: 0;
  top: 0;
}
.redtape label {
  display: block;
}
.redtape .form-group {
  float: left;
  width: 100%;
}
.redtape [for=id__signature] {
  position: absolute;
}
.redtape [type=text] {
  width: 250px;
}
.form-group {
  padding-top: 1.4em;
}
form.cvfloat .form-group {
  padding-top: 0;
}
.grayscale-me {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
floorplan {
  bottom: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
}
floorplan #map {
  height: 100%;
  left: 0;
  outline: 1px black solid;
  padding: 0 30px;
  position: absolute;
  top: 0;
  width: 100%;
}
floorplan .room_marker {
  box-shadow: 1px 1px 2px black, inset 1px 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 100%;
  color: white;
  height: 26px;
  font-weight: bold;
  line-height: 26px;
  margin: -13px 0 0 -13px;
  text-align: center;
  position: absolute;
  text-shadow: 1px 1px 1px black;
  width: 26px;
}
floorplan .event_list {
  list-style: none;
  padding: 0;
}
floorplan .event_list .room {
  line-height: 26px;
  list-style: none;
  padding: 0 0 5px;
  position: relative;
}
floorplan .event_list .room .room_marker {
  margin: 0 5px 0 0;
  position: static;
}
floorplan .event_list .room span {
  display: inline-block;
  max-width: 300px;
  vertical-align: middle;
}
floorplan #floorplan_wrapper {
  bottom: 0px;
  left: 320px;
  position: absolute;
  right: 0px;
  top: 0px;
}
floorplan .legend {
  bottom: 50px;
  position: absolute;
  right: 50px;
}
floorplan .left {
  width: 300px;
}
footer {
  font-family: AvenirLT-Light, sans-serif;
  border-top: #d5d9d9 1px solid;
  margin-top: 40px;
  position: relative;
  text-align: center;
  width: 100%;
}
footer .center,
footer .left,
footer .right {
  padding: 15px;
}
footer .left,
footer .right {
  position: absolute;
  top: 0;
}
footer .left {
  left: 0;
}
footer .right {
  right: 0;
}
.footer hr {
  margin-bottom: 2px;
  height: 2px;
}
.footer .arrow {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  fill: #F26522;
  transform: scaleY(-1);
  filter: var(--drop-shadow, none);
  width: 44px;
  height: 25px;
}
.footer-title {
  color: darkorange;
}
@media (max-width: 991px) {
  #footer {
    font-size: .75em;
  }
  #footer .left,
  #footer .right {
    position: static;
  }
}
.thing_details .block_title {
  line-height: 1.2;
  margin: 0;
}
.thing_details .left,
.thing_details .right {
  float: left;
  height: 35px;
}
.thing_details .left {
  text-align: right;
  width: 40%;
}
.thing_details .right {
  padding-left: 10px;
  text-align: left;
  width: 60%;
}
.thing_details .description {
  clear: both;
  padding-top: 15px;
}
.things .thing .author {
  text-overflow: ellipsis;
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
}
.social_links .popup {
  border-radius: 5px;
  color: #eeeeee;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.social_links .popup.pinterest {
  background: #cc2127;
}
.social_links .popup.twitter {
  background: #55ACEE;
}
.social_links .popup.facebook {
  background: #3b5998;
}
.social_links .popup.google-plus {
  background: #d34836;
}
.BlogList .blogs .well {
  position: relative;
  min-height: 160px;
}
.BlogList .blogs .photo {
  left: 5px;
  position: absolute;
  top: 5px;
  z-index: 1;
}
.BlogList .blogs .photo img {
  height: auto;
  max-width: 100%;
}
.BlogList .blogs .details {
  padding-left: 210px;
}
.BlogList .blogs .title {
  font-size: 18px;
  line-height: 1.3;
  padding-right: 30px;
  position: relative;
}
.BlogList .blogs .title .edit {
  position: absolute;
  right: 5px;
  top: 5px;
}
.BlogList .blogs .text {
  padding: 10px 0px 20px;
}
.BlogList .blogs .read_more {
  bottom: 5px;
  position: absolute;
  right: 5px;
}
@media (max-width: 991px) {
  .BlogList .blogs .photo {
    position: static;
    width: 100%;
  }
  .BlogList .blogs .photo img {
    margin-bottom: 10px;
    width: 100%;
  }
  .BlogList .blogs .details {
    padding-left: 0;
  }
  .BlogList .blogs .blog_well:nth-child(n+3) {
    display: none;
  }
}
.Detail.post-content img.left,
.Detail.post-content img.right {
  margin: 0 0 1em;
}
.Detail.post-content img.left {
  float: left;
  margin-right: 20px;
}
.Detail.post-content img.right {
  float: right;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .Detail.post-content img.left,
  .Detail.post-content img.right {
    display: block;
    float: none;
    margin: 0 auto 1em;
  }
}
.slideshow .active_slide {
  margin: 0 auto;
}
.slideshow .active_slide img {
  height: auto;
  width: 100%;
}
.slideshow .slide-nav {
  margin: 5px -5px 0;
  min-height: 10px;
  position: relative;
  overflow: hidden;
}
.slideshow .slide-nav a {
  float: left;
  position: relative;
  width: 20%;
}
.slideshow .slide-nav a img {
  height: auto;
  padding: 5px;
  width: 100%;
}
.slideshow .slide-nav .next,
.slideshow .slide-nav .prev {
  background: #e8eaea;
  border: 1px solid #d5d9d9;
  display: table-cell;
  height: 100%;
  position: absolute;
  vertical-align: center;
  width: 20px;
}
.slideshow .slide-nav .next {
  right: 0;
}
.slideshow .slide-nav .prev {
  left: 0;
}
.slideshow .full-screen {
  background: rgba(34, 34, 34, 0.5);
  color: #222222;
  display: block;
  font-size: 25px;
  height: 40px;
  line-height: 40px;
  opacity: 0.5;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 40px;
}
.slideshow .full-screen:hover {
  opacity: 1;
}
.slideshow .external {
  display: block;
  color: #eeeeee;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 1;
}
.slideshow .gfycat:before,
.slideshow .video:before {
  content: "\e072";
}
.slideshow .slide {
  position: relative;
}
.slideshow .slide .external {
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0.75;
  text-shadow: 0 0 10px rgba(59, 59, 60, 0.5);
  width: 50px;
}
.slideshow .slide .external:hover {
  opacity: 1;
}
.slideshow .slide .external.youtube {
  background: url(/static/img/yt_med.png) no-repeat center;
}
.slideshow .slide iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.slideshow .slide-nav .external {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin: -10px 0 0 -10px;
  width: 20px;
}
.slideshow .slide-nav .external.youtube {
  background: url(/static/img/yt_small.png) no-repeat center;
}
.course-detail .slide-nav a {
  width: 25%;
}
.FeaturedThings .things,
.thing_index .things,
.tool .things {
  min-height: 10px;
  overflow: hidden;
  width: 100%;
}
.FeaturedThings .things .thing,
.thing_index .things .thing,
.tool .things .thing {
  padding: 0 5px;
}
.FeaturedThings .things .thing a,
.thing_index .things .thing a,
.tool .things .thing a {
  display: block;
  height: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.FeaturedThings .things .thing img,
.thing_index .things .thing img,
.tool .things .thing img {
  max-width: 100%;
}
.things a {
  /*home behavior */
}
.things a .hover {
  background: #3b3b3c;
  background: rgba(59, 59, 60, 0.8);
  color: #fff;
  display: none;
  font-size: 20px;
  height: 100%;
  left: 0;
  position: absolute;
  text-shadow: 0 0 5px #222222;
  top: 0;
  width: 100%;
}
.things a .hover .title {
  bottom: 5%;
  left: 0;
  padding: 3px 5px 3px;
  position: absolute;
  width: 100%;
}
.things a .hover .title .author {
  border-top: 1px #fff solid;
  font-size: 0.8em;
  padding-top: 5px;
}
.things a:hover {
  z-index: 1;
}
.things a:hover .hover {
  display: block;
}
.thing_index {
  min-height: 10px;
  overflow: hidden;
}
@media (max-width: 599px) {
  #main {
    margin: 0;
    padding: 0;
  }
}
.tool_well .content {
  height: 56px;
  overflow: hidden;
}
.tool_well img {
  height: auto;
  width: 100%;
}
.tool_well a.well {
  display: block;
}
.tp_table .row {
  margin-bottom: 20px;
}
.tp_table h2,
.tp_table li {
  list-style: none;
  position: relative;
  padding-right: 1em;
  margin-left: 1em;
}
.tp_table h2:hover,
.tp_table li:hover {
  background: lightgray;
}
.tp_table h2:hover .right,
.tp_table li:hover .right {
  display: block;
}
.tp_table h2 .right,
.tp_table li .right {
  bottom: 0;
  display: none;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.tp_table h2 .right.fa-pencil-square,
.tp_table li .right.fa-pencil-square {
  right: 23px;
}
.tp_table h2 .right:before,
.tp_table li .right:before {
  line-height: 1;
}
.tp_table span {
  display: block;
  padding-right: 0.25em;
  position: absolute;
  top: 0;
  right: 100%;
}
.tp_table ul,
.tp_table p {
  padding-left: 2em;
}
#calendar td {
  width: 14.28571429%;
  border: 1px solid lightgrey;
  padding: 1px !important;
}
#calendar .day {
  text-align: right;
  font-weight: bold;
  font-size: 1rem;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 6px;
  background-color: darkorange;
}
#calendar .events {
  font-size: 0.85em;
  line-height: 1.1;
  min-height: 130px;
  padding: 4px;
}
#calendar .not-current .day {
  background-color: lightgrey !important;
  color: darkgray;
}
#calendar .time {
  color: darkblue;
  line-height: 1.5;
  font-weight: bold;
}
#calendar .calendar-table {
  background-color: white;
}
#calendar .mini-month {
  display: none;
}
#calendar .event .private {
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
}
#calendar .event .members-only,
#calendar .event .rsvp {
  background: #fcf8e3;
  border: 1px solid #faebcc;
  color: #8a6d3b;
}
#calendar .event .course {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}
#calendar .event .public {
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}
#calendar .event .none {
  background: white;
  border: 1px solid #999999;
  color: inherit;
}
#calendar .event .members-only,
#calendar .event .private,
#calendar .event .course,
#calendar .event .public,
#calendar .event .none,
#calendar .event .course,
#calendar .event .rsvp {
  display: block;
  padding: 3px 5px;
  position: relative;
}
#calendar.non-member .event .members-only {
  /* non-members see red (private), members see rsvp (yellow) */
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
}
#calendar td.event {
  line-height: 13px;
}
@media (max-width: 767px) {
  #calendar table,
  #calendar tbody,
  #calendar tr,
  #calendar td {
    display: block;
    width: 100%;
  }
  #calendar .day {
    font-size: 1.5em;
    text-align: center;
  }
  #calendar .mini-month {
    display: inline;
  }
  #calendar td .d0:before {
    content: "Sunday ";
  }
  #calendar td .d1:before {
    content: "Monday ";
  }
  #calendar td .d2:before {
    content: "Tuesday ";
  }
  #calendar td .d3:before {
    content: "Wednesday ";
  }
  #calendar td .d4:before {
    content: "Thursday ";
  }
  #calendar td .d5:before {
    content: "Friday ";
  }
  #calendar td .d6:before {
    content: "Saturday ";
  }
  #calendar .events {
    min-height: 0;
    padding-bottom: 20px;
  }
  #calendar .events.empty {
    display: none;
  }
  .paginator {
    padding-top: 20px;
  }
  .paginator strong {
    margin-top: 20px;
  }
}
.calendar_widget {
  position: relative;
}
.calendar_widget .add_to_calendar {
  display: none;
}
.calendar_widget .add_to_calendar .inner {
  background: #eeeeee;
  box-shadow: 1px 1px 4px #222222;
  padding: 3px;
  position: absolute;
  z-index: 10;
  position: fixed;
  font-size: 14px;
  line-height: 2;
  left: 50%;
  margin-left: -200px;
  max-width: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 10px;
  top: 100px;
  width: 400px;
  z-index: 25;
}
.calendar_widget .add_to_calendar .inner a {
  color: #3491bf;
}
.calendar_widget .add_to_calendar ul {
  padding: 0;
}
.calendar_widget .add_to_calendar h3 {
  text-transform: none;
  margin-bottom: 10px;
}
.calendar_widget .add_to_calendar .header {
  border-bottom: 1px solid #222222;
  display: block;
  margin-bottom: .5em;
  padding-right: 10px;
}
.calendar_widget .add_to_calendar ul {
  list-style: none;
  margin: 0;
}
.calendar_widget .add_to_calendar .left {
  float: left;
  width: 50%;
}
.calendar_widget .add_to_calendar .right {
  float: right;
  width: 46%;
}
.calendar_widget .add_to_calendar .fixed_overlay {
  background: #3b3b3c;
  background: rgba(153, 153, 153, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 24;
}
@media (max-width: 767px) {
  .calendar_widget .add_to_calendar .inner {
    left: 0;
    margin-left: 0;
    top: 0;
    width: 100%;
  }
  .calendar_widget .add_to_calendar .inner hr {
    margin: 0.5em 0;
  }
}
.course-container {
  border: 1pt solid lightgrey;
  margin-bottom: 1rem !important;
}
.course {
  color: inherit;
  display: block;
  /*max-height: 153px;*/
  overflow: hidden;
  position: relative;
  /*width: 100%;*/
}
.course:hover {
  background: rgba(52, 145, 191, 0.2);
}
.course.enrolled {
  background: #A9CEE0;
}
.course:hover,
session-list .session:hover {
  background: rgba(52, 145, 191, 0.2);
}
.needs_ajax:before {
  content: "Loading...";
}
.course .picture {
  width: 206px;
}
.course .picture img {
  border-radius: .25rem 0.0rem 0.0rem .25rem;
  height: auto;
  width: 100%;
}
.course .details {
  min-height: 140px;
  padding-right: 20px!important;
  /*margin-left: @pictureWidth + 10px;
    padding-bottom: 30px;
    position: relative;*/
}
.course .details .description {
  max-height: 4.2em;
  line-height: 1.4em;
  overflow: hidden;
}
.course .price {
  font-size: 25px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 5px;
  width: 70px;
}
.course [data-status] {
  background: #3491bf;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  position: absolute;
  text-transform: uppercase;
}
.course [data-status]:before {
  content: attr(data-status);
}
.course .full_sessions,
.course .open_sessions {
  display: none;
}
.course [data-status=Enroll] + div .full_sessions,
.course [data-status=Enroll] + div .open_sessions {
  display: inline-block;
}
.course .details [data-status] {
  bottom: -3px;
  right: 15px;
}
.course .picture [data-status] {
  display: none;
}
.course_divider ~ div .course [data-status=Enroll]:before {
  content: "details";
}
session-list,
event-list {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
session-list .session,
event-list .session,
session-list event-occurrence,
event-list event-occurrence {
  display: block;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%;
}
session-list .session .instructor-link,
event-list .session .instructor-link,
session-list event-occurrence .instructor-link,
event-list event-occurrence .instructor-link {
  font-size: 2em;
  left: 5px;
  position: absolute;
  top: 0;
}
session-list .session .admin-link,
event-list .session .admin-link,
session-list event-occurrence .admin-link,
event-list event-occurrence .admin-link {
  font-size: 2em;
  position: absolute;
  right: 5px;
  top: 0;
}
session-list .session .full,
event-list .session .full,
session-list event-occurrence .full,
event-list event-occurrence .full {
  color: #b11444;
}
session-list .session .alert,
event-list .session .alert,
session-list event-occurrence .alert,
event-list event-occurrence .alert {
  margin: 5px 0 0;
}
session-list .fee {
  border-color: transparent;
  position: absolute;
  right: 0;
  top: -54px;
}
session-list add-to-cart .price {
  display: none;
}
.course .details .closed_string {
  color: red;
  text-transform: uppercase;
}
.course .details .closed_string:before {
  content: "[";
}
.course .details .closed_string:after {
  content: "]";
}
.course .details .closed_string:empty {
  display: none;
}
.course .details .title {
  color: #3491bf;
  display: block;
  font-size: 18px;
  min-height: 39px;
  font-weight: bold;
  line-height: 1.1em;
  overflow: hidden;
  max-width: 35em;
  padding: 0 70px 5px 0;
  position: relative;
  /*text-overflow: ellipsis;*/
  text-transform: uppercase;
  /*white-space: nowrap;*/
}
.course .details .sessions {
  border-top: 1px dotted lightgrey;
  bottom: 0;
  line-height: 1em;
  min-height: 27px;
  margin-bottom: 10px;
  padding: 10px 85px 2px 0;
  position: absolute;
  width: 100%;
}
.course .details .sessions .next_session:before {
  color: black;
  content: "Next Session: ";
}
.course .details .sessions .private,
.course .details .sessions .full {
  color: #b11444;
}
.course .details .sessions .open_sessions {
  color: #10a49b;
}
.course .details .sessions .full_sessions {
  color: #b11444;
}
.course .details .subjects {
  color: #9ea1a1;
  text-transform: uppercase;
}
.course .details .subjects span {
  display: inline-block;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .course {
    max-height: none;
  }
  .course .picture [data-status] {
    bottom: 0;
    display: block;
    left: 0;
  }
  .course .picture [data-status=Enroll],
  .course [data-status=Enroll] {
    display: none;
  }
  .course .details [data-status] {
    display: none;
  }
  .course .details .subjects {
    display: none;
  }
  .course .details .description {
    padding-right: 0;
    max-height: none;
  }
  .course .details .title {
    padding-right: 0;
    white-space: normal;
  }
  .course .details .sessions {
    padding-right: 10px;
    position: unset;
  }
  .course .details .sessions .next_session:before {
    color: black;
    content: "Next: ";
  }
  .course .details .sessions .full_sessions,
  .course .details .sessions .open_sessions {
    display: inline-block;
  }
  .course .price {
    background: rgba(255, 255, 255, 0.55);
    left: 5px;
    margin: 5px;
    z-index: 100;
  }
}
#unscheduled-courses .price {
  display: none;
}
@media (max-width: 1099px) {
  .course .price {
    background: rgba(255, 255, 255, 0.55);
    left: 5px;
    margin: 5px;
    z-index: 100;
  }
}
@media (max-width: 767px) {
  session-list .fee {
    float: right;
    font-size: 24px;
    line-height: 1;
    position: static;
  }
}
@media (max-width: 767px) {
  .course .picture {
    top: 0;
    left: 0;
    width: 100%;
  }
  .course .picture,
  .course .details {
    position: relative;
  }
  .course .details {
    margin: 20px 0 0;
    padding-left: 10px;
  }
}
session-list .error {
  display: none;
}
session-list [type="radio"] {
  display: none;
}
session-list [type="radio"] + label {
  cursor: pointer;
}
session-list [type="radio"]:checked + label {
  background-color: #dff0d8;
}
session-list [type="radio"]:checked + label .fa-check,
session-list [type="radio"]:checked + label .fa-dot-circle-o {
  display: block;
}
session-list [type="radio"]:checked + label .fa-circle-o {
  display: none;
}
.session.loading:before {
  background: rgba(0, 0, 0, 0.25);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.session.loading:after {
  -webkit-animation: fa-spin 1.5s infinite linear;
  animation: fa-spin 1.5s infinite linear;
  color: white;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f110";
  font-size: 3em;
  height: 0;
  left: 50%;
  line-height: 0;
  margin-left: -0.5em;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 1em;
  z-index: 2;
}
.course-detail .fee {
  padding-right: 0;
}
.has_notes span {
  border-bottom: dashed 1px;
  color: #0088cc;
  cursor: help;
}
session-list .btn {
  font-size: 12px;
  margin: 5px auto 0;
  padding: 3px 6px;
  text-transform: uppercase;
}
.notify_course {
  margin-top: 10px;
  text-align: center;
}
.notify_course .btn {
  white-space: normal;
}
.recentAdd {
  box-shadow: inset 0 0 5px #3ac2f5, 0 0 5px #3ac2f5;
}
.completion_form .fa {
  font-size: 1.5em;
  vertical-align: middle;
}
.list_filter label.btn {
  color: darkorange;
}
badge .badge-box {
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px;
}
badge .permission {
  color: inherit;
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding: 0 10px;
}
badge .permission.has_not {
  opacity: 0;
  outline: 1px dashed;
}
badge .permission.has_not:hover {
  opacity: 0.75;
}
badge .group {
  margin-bottom: 20px;
  opacity: 0.2;
}
badge .group.any,
badge .group:hover {
  opacity: 1;
}
badge .group:last-child {
  margin-bottom: 0;
}
checkbox {
  display: block;
}
checkbox .alert {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding-left: 40px;
  position: relative;
  flex-wrap: wrap;
}
checkbox .alert.alert-warning {
  cursor: disabled;
}
checkbox .alert .fa-2x {
  left: 0;
  line-height: 0.8em;
  padding: 10px;
  position: absolute;
  top: 0;
}
checkbox .alert b {
  color: #9d261d;
  flex-basis: 100%;
}
tool-checkout,
search-users,
room-list {
  display: block;
  max-width: 400px;
}
tool-checkout .btn,
search-users .btn,
room-list .btn {
  margin-bottom: 15px;
}
tool-checkout .btn:focus,
search-users .btn:focus,
room-list .btn:focus {
  outline: 0;
}
tool-checkout a,
search-users a,
room-list a {
  cursor: pointer;
}
week-hours {
  display: block;
}
week-hours .day {
  float: left;
  width: 14.28571429%;
}
week-hours .hour {
  outline: 1px black solid;
  padding: 5px 10px;
}
week-hours .hour :hover {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.75);
}
week-hours .pink {
  background: pink;
}
week-hours .red {
  background: red;
}
week-hours .green {
  background: green;
}
checkouts-box .alert {
  display: flex;
  flex-wrap: wrap;
}
checkouts-box .buttons {
  margin-top: 10px;
  text-align: center;
}
checkouts-box .image,
checkouts-box .right {
  flex-shrink: 1;
}
checkouts-box .img {
  flex-basis: 25%;
  text-align: center;
  max-width: 230px;
}
checkouts-box .right {
  padding-left: 10px;
}
@media (max-width: 991px) {
  checkouts-box .alert {
    justify-content: center;
  }
  checkouts-box .buttons button {
    font-size: 1.5em;
    margin: 0 1rem;
  }
  checkouts-box .img,
  checkouts-box .right {
    flex-basis: 100%;
  }
  checkouts-box .img {
    margin-bottom: 10px;
  }
}
ur-notify .courseclasstime {
  background: #d9edf7;
  font-weight: bold;
}
.store-button {
  display: none;
}
shopping-cart .payment_buttons {
  max-width: 400px;
  margin: 0 auto;
}
shopping-cart .well {
  margin-bottom: 5px;
}
shopping-cart .modal-content {
  width: 500px;
}
.mobile-cart {
  border: none;
}
.mobile-cart cart-button {
  top: 8px;
  right: 60px;
  position: absolute;
}
.nav .hidden-xs cart-button {
  float: none;
}
shopping-cart .item {
  border-bottom: #b8baba 1px solid;
  padding: 5px 8px;
  position: relative;
}
shopping-cart .item:last-child {
  border-bottom: 0;
}
product .name,
product-admin .name {
  height: 40px;
}
product .price,
product-admin .price {
  font-size: 20px;
  height: 44px;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
}
product .btn-block,
product-admin .btn-block {
  height: 34px;
  line-height: 32px;
  padding: 0;
  margin-bottom: 10px;
}
product .flexy,
product-admin .flexy {
  display: flex;
  margin: 0 -5px;
}
product .flexy .btn,
product-admin .flexy .btn {
  flex-basis: 50%;
  margin: 0 5px;
}
product .well,
product-admin .well {
  position: relative;
}
product .gone,
product-admin .gone {
  opacity: 0;
}
@media (max-width: 767px) {
  product .well,
  product-admin .well {
    max-width: 300px;
    margin: 0 auto;
  }
}
product .col-xs-6:nth-child(2n+1),
product-admin .col-xs-6:nth-child(2n+1) {
  padding-right: 5px;
}
product .col-xs-6:nth-child(2n),
product-admin .col-xs-6:nth-child(2n) {
  padding-left: 5px;
}
product,
product-admin {
  position: relative;
}
product .bottom,
product-admin .bottom {
  background: inherit;
  bottom: 0;
  left: 0;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: inherit;
  position: absolute;
  right: 0;
}
product .img,
product-admin .img {
  display: inline-block;
  width: 100%;
  margin-bottom: 88px;
}
product .img:before,
product-admin .img:before {
  content: "";
  display: block;
  margin-top: 50%;
}
product .out-of-stock,
product-admin .out-of-stock {
  position: relative;
}
product .out-of-stock:before,
product-admin .out-of-stock:before {
  background: url(/static/img/sold_out.png) rgba(238, 238, 238, 0.75) center 25% no-repeat;
  background-size: 80% auto;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
product.tiny .name {
  font-size: 1.2em;
  font-weight: bold;
  height: auto;
  margin-bottom: 5px;
  text-align: center;
}
product.tiny .price {
  height: auto;
}
product.tiny .btn-block {
  margin-bottom: 0;
}
product.tiny .bottom {
  position: static;
}
product.tiny .img {
  display: none;
}
product.tiny .out-of-stock:before {
  background-size: auto 80%;
}
category-list .active {
  font-weight: bold;
}
/*event-occurrence, event-list {
  display: block;
  [data-reddot] {
    position: absolute;
    right: 30px;
    top: 0;
  }
}*/
event-bulk th,
event-bulk td {
  text-align: center;
}
event-bulk th {
  padding-top: 10px;
}
event-bulk .day .active {
  background: #aFa;
}
event-bulk .day div {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
event-bulk .today {
  border: 2px solid;
}
#support-page .images .btn {
  cursor: default;
  margin-bottom: 2rem;
  position: relative;
  white-space: normal;
  width: 100%;
}
@media (max-width: 767px) {
  #support-page .images .btn {
    padding-bottom: 100px;
  }
  #support-page .images .btn .text {
    opacity: 1;
  }
}
#support-page .images .btn:hover .text {
  opacity: 1;
}
#support-page .img {
  display: inline-block;
  width: 100%;
  background-size: cover;
  background-position: center;
  color: white;
  position: relative;
}
#support-page .img:before {
  content: "";
  display: block;
  margin-top: 100%;
}
#support-page .text {
  background: rgba(30, 30, 30, 0.9);
  left: 0;
  bottom: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  width: 100%;
  transition: opacity 0.5s;
}
#support-page h1 {
  margin: 0 0 20px;
  padding: 0;
  border-bottom: 0;
  text-align: center;
}
#support-page .support-logo {
  display: block;
  margin: 0 auto;
  max-width: 400px;
}
money-widget {
  display: block;
  margin-bottom: 2rem;
}
money-widget [type=radio] {
  display: none;
}
money-widget .btn-group {
  border-radius: 10px;
  display: flex;
  margin-bottom: 20px;
  overflow: hidden;
}
money-widget .btn-group > .btn {
  flex-grow: 1;
}
money-widget .btn {
  float: none;
  height: 39px;
  min-width: 75px;
}
money-widget label {
  bottom: 0;
  cursor: pointer;
  left: 0;
  line-height: 39px;
  right: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
money-widget [type=text] {
  background: transparent;
  border: 0 !important;
  color: inherit;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  outline: 0 !important;
  padding: 0;
  text-align: center;
  width: 100px;
}
money-widget [type=text]:focus {
  color: #333;
  background: white;
}
money-widget [type=text]:focus + label,
money-widget .btn-primary [type=text] + label {
  display: none;
}
money-widget .btn-group.second {
  width: 50%;
  margin: 0 auto 0;
}
@media (max-width: 767px) {
  money-widget .btn-group.second {
    width: auto;
  }
  money-widget .btn {
    min-width: 0;
  }
  money-widget [type=text] {
    width: 50px;
  }
}
modal > .inner {
  width: 400px;
}
.modal-content {
  background-color: rgba(242, 101, 34, 0.93) !important;
  padding: 20px !important;
}
.modal-header {
  justify-content: center !important;
  color: white;
  font-weight: bold;
}
.modal-body label {
  color: white !important;
  font-weight: bold !important;
}
[ur-mask] {
  background: rgba(0, 0, 0, 0.55);
  overflow-y: hidden !important;
}
auth-modal a {
  color: white;
  font-weight: 700;
}
auth-modal a:hover {
  color: lightyellow;
}
.ur-input {
  display: block;
  margin-bottom: 1em;
  position: relative;
}
.ur-input .errorlist {
  padding: 0;
}
.ur-input label {
  color: #049cdb;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 0;
}
.ur-input input {
  width: 100%;
}
.ur-input .error {
  color: #9d261d;
}
.ur-input.invalid {
  border-color: #9d261d;
}
.ur-input.radio,
.ur-input.checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding-top: 1.6rem;
  padding-left: 0;
}
.ur-input.radio checkbox-input,
.ur-input.checkbox checkbox-input {
  flex-basis: 100%;
  order: 2;
}
.ur-input.radio .error,
.ur-input.checkbox .error {
  order: 3;
}
.ur-input.radio .fa-question-circle-o,
.ur-input.checkbox .fa-question-circle-o {
  display: none;
}
ur-form .btn {
  margin-bottom: 20px;
}
ur-form p.blue {
  color: #049cdb;
}
ur-form .non_field_error {
  color: red;
  text-align: center;
}
.messagelist {
  list-style: none;
  margin: 0 auto 20px;
  padding: 0;
}
.ur-input checkbox-input {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.ur-input checkbox-input .choice {
  margin: 10px 0 0;
  flex-basis: 200px;
}
ur-document {
  display: block;
  margin: 0 auto;
  max-width: 600px;
}
ur-document ur-form form {
  display: flex;
  flex-wrap: wrap;
}
ur-document ur-form form .ur-input {
  flex-basis: 100%;
}
ur-document ur-form form .ur-input.start_date,
ur-document ur-form form .ur-input.end_date {
  flex-basis: 50%;
}
ur-document ur-form form .ur-input.start_date label:before,
ur-document ur-form form .ur-input.end_date label:before {
  bottom: -26px;
  left: 5px;
  position: absolute;
}
ur-document ur-form form .ur-input.start_date input,
ur-document ur-form form .ur-input.end_date input {
  padding-left: 60px;
}
ur-document ur-form form .ur-input.start_date {
  padding-right: 20px;
}
ur-document ur-form form .ur-input.start_date label:before {
  content: "From:";
}
ur-document ur-form form .ur-input.end_date label {
  color: transparent;
}
ur-document ur-form form .ur-input.end_date label:before {
  color: #049cdb;
  content: "To:";
}
admin-dashboard ur-form form {
  display: flex;
  justify-content: flex-start;
}
admin-dashboard ur-form form .ur-input {
  flex-basis: 100px;
  margin-right: 30px;
  min-width: 150px;
}
label + [type=checkbox] + .help-block {
  display: inline;
}
.notify-form .form-group {
  display: flex;
  flex-wrap: wrap;
}
.notify-form .form-group label,
.notify-form .form-group .help-block {
  order: 0;
}
.notify-form .form-group > label,
.notify-form .form-group ul {
  flex-basis: 100%;
}
.notify-form .form-group ul {
  order: 1;
}
.notify-form .form-group > label {
  font-size: 22px;
}
ur-tabs .tab-anchors {
  border-bottom: 1px solid #dddddd;
  display: block;
  margin-bottom: 15px;
}
ur-tabs .tab-anchors a {
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1.42857143;
  margin-bottom: -1px;
  margin-right: 2px;
  padding: 10px;
  position: relative;
}
ur-tabs .tab-anchors a.active {
  color: #555555;
  background-color: #fdfcfc;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}