add columns for firefox

add columns for firefox

@import (inline) "../node_modules/openlayers/css/ol.css";
@import "../node_modules/bootstrap/less/bootstrap.less";
@icon-font-path: "bootstrap_fonts/";
@import "simplesearch.less";
@import "diff.less";
@import "sidemenu.less";
@import "scrollbar.less";
@import "floatbuttons.less";
@import "stickyfilters.less";
@import "filters.less";
@import "other-icons.less";
@import "social-icons.less";
@import "waypoint-types.less";
@import "activities.less";
@import "viewdetails.less";
@import "documentedit.less";
@import "helpers.less";
@import "images.less";
@import "map.less";
@import "404.less";
@import "homepage.less";
@import "variables.less";

html, body{
  padding: 0;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  background-color: @body-color;
}

.ol-zoom {
  top: 44px;
}
.modal-dialog {
  margin-top: 30vh;

  h3 {
    margin-bottom: 0;
  }
}

.documents-nav-buttons {
  .flex();
  flex-flow: wrap row;
  padding: 10px 10px 0 10px;

  button[protected-url-btn] {
    padding: 0 5px;
    font-size: 20px;
    span {
      top: 3px;
      font-size: 20px;
      width: 100%;
    }
  }
}
.add-waypoint, .add-route {
  margin: 1% 0 1% 0;
}

.page-main-title {
  top: @page-header-height - 8;
  color: white;
  height: 40px;
  position: relative;
  z-index: 1;
  margin-left: @list-width;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  background-color: rgba(104, 159, 179, 0.64);

  @media @phone {
    border-bottom: 1px solid #ccc;
    font-size: 1.5em;
    padding: 0;
    position: initial;
    margin-left: 0;
    height: 35px;

    h3 {
      margin: 0;
      padding: 0.7%;
    }
  }

  .badge {
    background-color: @C2C-orange;
  }
}

h1 {
  font-size: 3em;
}

#waypoints, #routes {
  padding-right: 2%;
  margin-bottom: 2%;
  margin-left: 2%;
  width:98%;
  min-height:100px;
  height: 69vh;
  overflow-y: auto;

  @media @phone {
    height: 45vh;
  }
}

#missing-langs, #other-langs {
  a {
    text-decoration: none;
  }
  .modal-header {
    margin-bottom: 1%;
  }
  .glyphicon {
    color: @C2C-orange;
    float: right;
    transition: 0.1s;
  }

  ul {
    flex-flow: wrap row;
    flex-direction: column;
    align-items: stretch;
    .flex();
    list-style: none;
    font-size: 1.2em;
    width: 16%;
    margin: auto;
    text-align: center;
    @media @phone {
      width: 38%;
    }
    @media @tablet {
      width: 25%;
    }
    li {
      color: #337ab7;
      cursor: pointer;
      height: 30px;
      transition: 0.1s;

      &:hover {
        font-size: 1.02em;

        .glyphicon {
          transition: 0.1s;
        }
      }

    }
  }
}

main {
  #missing-langs, #other-langs {
    display: none;
  }
}

.nav-tabs {
  display: none;
  text-align: center;
  @media @phone {
    display: block;
  }
  >li {
    display: inline-table;
    float: none;
  }

}
.thumbnail {
  padding: 0;
  margin-bottom: 10px;
}

.scroll-top-btn {
  border-radius: 57%;
  height: 40px;
  width: 40px;
  padding: 0;

  @media @phone {
    display: none;
  }
  .glyphicon {
    margin-left: -3px;
    margin-top: 3px;
  }
}

.glyphicon {
  color: @C2C-orange;
}

.translate-lang, .view-other-lang {
  .caret {
    color : #F6911A;
  }
}

.translate-lang {
  display: inline-block;
  margin-bottom: 10px;

  .dropdown-menu {
    padding: 0;

    li {
      cursor: pointer;
    }
  }
}

#pagination {
  color: lightslategrey;
  position: absolute;
  right: 10px;

  @media @phone {
    position: fixed;
    align-items: baseline;
    .flex();
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 5px;
    left: 0;
    background-color: #f0f0f0;

    ul {
      .flex();
      justify-content: space-between;
      width: 100%;
      height: 100%;
    }
    .page-numbers  {
      width: 100%;
      display: block !important;
    }
  }

  .page-numbers {
    @media (max-width: @screen-sm-min){
      display: none;
    }
  }

  ul {
    display:inline-block;
    margin-bottom: 0;
    padding-left: 5px;

    li {
      display:inline-block;
      a {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        background-color: @bright-green;
      }
      .glyphicon {
        top: 0px;
        margin-left: -5px;
      }
      a,  .glyphicon {
        color:white;
      }
    }
  }
}

.help-block {
  position: absolute;
  margin-top: -5px;
  margin-bottom: 0;

  p {
    display: none;
    font-size: 1em;
    color: white !important;
  }
}

.list {
  width:100%;
  padding: 1% 2% 2% 2%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;

  @media @tablet {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  @media (max-width: @screen-sm-min) {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding-bottom: 50px;
  }
  .list-item {
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
  }
}

.list-item {
  position: relative;
  cursor: pointer;
  background-color: white;
  margin-top: 10px;
  outline: none;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  transition: .2s ease-in-out;
  border: 2px solid rgba(88, 150, 165, 0.2);

  &:active {
    -webkit-box-shadow: inset 1px 1px 8px -3px rgba(0,0,0,.75);
    -moz-box-shadow: inset 1px 1px 8px -3px rgba(0,0,0,.75);
    box-shadow: inset 1px 1px 8px -3px rgba(0,0,0,.75);
    -webkit-transition: .2s ease-in-out;
    transition: 0.2s ease-in-out;
    outline: none;
  }
  &:hover, &.highlight {
    background-color: #EFEFEF;
    transition: 0.1s ease-in-out;
  }
  @media @tablet {
    border-width: 1px;
  }
  @media @phone {
    border-width: 1px;
    font-size: 1.2em;
  }

  .list-item-title {
    font-weight: bold;
    color: graytext;
    line-height: 5px;

    @media @tablet {
      font-size: 1em;
    }
  }

  .list-item-info {
    margin-top: 5px;
    width: 100%;
    text-decoration: none;
    color: #919191;
    font-weight: normal;

    .quality, .orientations {
      white-space: nowrap;
      .glyphicon {
        margin-right: 3px;
      }
    }
    .elevation-max .glyphicon {
      transform: rotateX(180deg);
    }
    .elevation-max, .height-diff, .height-diff-difficulties, .orientations {
      margin-right: 5px;
    }
    .icon-rating {
      font-size: 1.4em;
      margin-left: -2px;
    }
    .rating {
      margin-right: 8px;
    }
    .orientations, .height-diff, .height-diff-difficulties, .elevation-max {
      white-space: nowrap;
      @media (max-width: @phone-max) {
        display: none;
      }
    }
    .global-rating {
      margin-bottom: 5px;
      @media (min-width: @phone-max) {
        display: none;
      }
    }
    .full-rating {
      margin-bottom: 5px;
      margin-top: 5px;
      .glyphicon {
        font-size: 1.3em;
        margin-left: -3px;
        margin-right: 3px !important;
      }
      @media (max-width: @phone-max) {
        display: none;
      }
    }
    .glyphicon, [class*="icon-"]:not(.route-activity):not(.waypoint-type) {
      color: @bright-green;
      margin-right: 5px;
    }
  }/*list-item-info*/

  .waypoint-type {
    font-size: 2em;
    color: @C2C-orange;
    margin-right: 3px;
  }
  .route-activity {
    font-size: 3.5em;
    color: @C2C-orange;
    margin-bottom: 10px;
    @media @phone {
      font-size: 3em;
    }
  }
  &.main-waypoint {
    border: 2px solid @bright-green;
  }
  &.images {
    img {
      width: 100%;
    }
  }
  &.outings {
    a {
      .flex() !important;
    }
    .outing-author, .outing-date {
      font-size: 0.9em;
    }
    .list-item-info {
      margin-left: 10px;
    }
    .outing-author {
      width: 33%;
      color: gray;
      margin-top: auto;
      margin-bottom: auto;

      .icon-user {
        font-size: 3em;
      }
    }
    .glyphicon-trash {
      top: 65% !important;
    }
  }
  a {
    display: block;
    transition: 0.2s;
    font-weight: normal;
    word-wrap: break-word;
    color: #767676;
    padding: 10px;

    .list-item-lang {
      opacity: 0.9;
      color: graytext;
      font-weight: normal;
    }

    &:hover {
      text-decoration: none;
    }

    &:hover .list-item-title {
      color: teal;
      transition: 0.1s ease-in-out;
    }
    &:focus {
      text-decoration: none;
      outline: none;
    }
    @media @phone {
      font-size: .8em;
    }
  } /*list-item a*/
  &.highlight a .list-item-title {
    color: teal;
    transition: 0.1s ease-in-out;
  }
} /* list-item*/

.line-separator{
  height:1px;
  background:#717171;
  border-bottom:1px solid @lightgrey;
  opacity: 0.9;
  margin: 3% 0 3% 0;
}

.map-right {
  position: relative;
  margin-left: @list-width;

  .map {
    @media (max-height: 300px) {
      height: 70vh;
    }
    @media @phone {
      -webkit-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.56);
      -moz-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.56);
      box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.56);
      height: 250px;
      margin-top: 0;
      height: 42vh !important;
    }
  }

  @media @phone {
    margin-left: 0;
    bottom: 40px;
    position: fixed;
    width: 100%;
  }
}
.documents-list-section, .map-right .map, .not-found-section {
  height: calc(~"100vh -" @page-header-height);
  height: -moz-calc(~"100vh -" @page-header-height);
  height: -webkit-calc(~"100vh -" @page-header-height);
  height: -o-calc(~"100vh -" @page-header-height);
  height: calc(~"100vh -" @page-header-height);
}

.documents-list-section, .not-found-section {
  background-color: @lightgrey;
  position: relative;
  width: @list-width;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;

  @media @phone {
    width: 100%;
    float:none;
    margin-top: 0;
    height: 45vh;
  }
  .show-documents-filters-phone {
    display: none;
    height: 33px;
    margin-right: 5px;

    @media @phone {
      display: block;
    }
  }
}

.search-icon {
  font-size: 1.8em;
  margin-right: 8px;
  margin-top: 5px;

  @media @phone {
    cursor: pointer;
    /*hover triggers the search input to appear in simplesearch.js*/
  }
}

.login-text {

  margin-bottom: 0;
  @media @phone {
    display: none;
  }
}

app-user{
  text-align: center;

  .dropdown-toggle {
    min-height: 35px;
    align-items: center;

    @media @phone {
      padding: 1px 7px 0 7px;
    }
  }

  .icon-user, .glyphicon {
    color: white;
  }
  .icon-user {
    font-size: 2em;
  }
  .login-out-button {
    span {
      @media @phone {
        display: none;
      }
    }
  }
  .caret {
    @media @phone {
      display: none;
    }
  }
}
.user-info {
  @media @phone {
    display: none;
  }
}

.search {
  background-color: #FBFBFB !important;
  width : 380px;
  height: 35px;
  border-radius: 0 5px 5px 0;
  border: none;
  -webkit-transition: width .5s ease;
  -moz-transition: width .5s ease;
  transition: width .5s ease;

  @media @tablet {
    width: 150px;
  }
  @media @phone {
    border: 1px solid bisque;
  }
}

.lang-selector {
  .flex();
  width:100%;
  align-items: center;
  color: graytext;

  @media @phone {
    width: 46px;
  }
  > label {
    @media (max-width: 800px){
      display: none;
    }
  }
}

app-lang{
  margin-left: 10px;
  font-size: 1.2em;

  @media @phone {
    width: 105px;
    margin-left: 0;
  }
  .selected-lang {
    text-transform: uppercase;
    color: #676767;
  }
  .dropdown-toggle {
    padding: 6px 8px;
    @media @phone {
      padding: 6px 6px;
    }
  }
  .dropdown-menu {
    right: 0;
    left: initial;
    min-width: 91px;
    cursor: pointer;
  }
}

app-simple-search {
  .flex();
  border-radius: 6px;
  padding-left: 10px;
  margin-right: 10px;
  background: @C2C-orange;
  width: 25%;

  .glyphicon {
    color: #F9F9F9;
  }

  @media @phone {
    width: 40px;
    padding-left: 6px;
  }
}

.page-header {
  .flex();
  background-color: @body-color;
  position: absolute;
  width: 100%;
  border-bottom: 2px solid @C2C-orange !important;
  justify-content: flex-end;
  margin-top: 0;
  top: 0;
  margin-bottom: 0;
  border: 0;
  padding-bottom: 5px;
  padding-top: 5px;

  @media @phone {
    position: fixed;
    margin-top: 6px;
  }
  #add-my-outing {
    margin-left: 10px;
    @media (max-width: 650px) {
      display: none;
    }
  }

  .show-search {
    position: absolute !important;
    left: 5px !important;
    z-index: 2;
    width: 100% !important;
    padding: 0 !important;
    transition: 0.3s ease-in-out;
  }

  .quick-search {
    rigth: 0;
    position: relative;
    transition: 0.3s ease-in-out;

    input {
      @media @phone {
        visibility: hidden;
        width: 0px;
      }
    }
  }

  .search {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    transition: width .5s ease;
    padding: 5px;
    &:focus, &:hover {
      width: 420px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      outline: none;
      border: 1px solid bisque;
      @media @tablet {
        width: 150px;
      }
      @media @phone {
        width: -moz-calc(~"100vw - 45px");
        width: -webkit-calc(~"100vw - 45px");
        width: -o-calc(~"100vw - 45px");
        width: calc(~"100vw - 45px");
      }
    }
    @media @phone {
      width: 0px;
      margin-left: -3px;
    }
  }
  .lang-user {
    .flex();
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
  }

  #user-menu {
    height: 33px;

    .icon-user {
      display: none;

      @media @phone {
        display: block;
      }
    }
    .caret {
      @media @phone {
        display:none;
      }
    }
    .user-info {
      @media @phone {
        display: none;
      }
    }
  }
}/* page-header */

.logo.header {
  position: relative;
  display: none;
  margin-left: 60px;
  margin-bottom: 6px;
  z-index: 2;
  width: 80px;

  @media @phone {
    position: fixed;
    display: block;
    top: 6px;
  }
  @media @tablet {
    display: block;
    margin-top: 4px;
  }
  img {
    height: 39px;

    @media @phone {
      height: 37px;
    }
  }
}

.page-content {
  margin-left: @menu-width;
  margin-top:  8px;

  @media @tablet {
    margin-left: @menu-width-tablet;
    margin-top:  -41px;
  }
  @media @phone {
    margin-left: 0;
    margin-top: 50px;
  }

  .archive-data {
    margin: 5px;
    padding: 5px;
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.2);
  }

  .versions-list {
    border: 1px solid black;
    margin-bottom: 10px;
    border-collapse: collapse;

    th {
      padding: 5px;
      border: 1px solid black;
    }

    td {
      padding: 5px;
      border: 1px solid black;

      .hide-radio {
        visibility: hidden;
      }
    }
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

app-alerts {
  position: fixed;
  top: 30vh;
  left: 45vw;
  z-index: 9999;
  @media @phone {
    left: 5vw;
    width: 90%;
  }

  ul {
    list-style: none;
  }
  app-alert {
    text-align: left;
    -webkit-animation: fadein .3s;
    -moz-animation: fadein .3s;
    -ms-animation: fadein .3s;
    -o-animation: fadein .3s;
    animation: fadein .3s;
    text-align: left;
  }
  .alert {
    display: block !important;
    font-size: 1.2em;
    border: 1px solid #ccc !important;
  }
  .alert-text {
    display: inline;
  }
}

.auth-form {
  padding: 0 10% 0 10%;
  margin-top: 100px;

  section {
    background-color: white;
    padding-top: 0.01%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 6%;
    border: 1px solid #eee;
    border-radius: 5px;
  }
}

.archive-data {
  div {
    display: table;
    margin: auto;
  }
  h2, .glyphicon {
    color: @brand-danger;
    @media @phone {
      font-size: 1.4em;
    }
  }
  p {
    font-size: 1.3em;
    color: white;
    @media @phone {
      font-size: 1.1em;
    }
  }

  h2 {
    text-align: center;
    padding: 1%;
  }
  button a {
    text-decoration: none;
  }
}

.hidden-options {
  margin-bottom: 2%;
  padding: 0;
}

.document-history, .document-differences {
  padding: 5%;
  @media @tablet {
    padding-top: 7%;
  }
}

.versions-list {
  background-color: #EBEBEB;

  tr:first-of-type {
    background-color: #337AB7 !important;
    color: white;
  }
  td {
    .hide-radio {
      display: none;
    }
  }
}

button:focus {
  outline: none !important;
}

.form-control {
  border-radius: 2px;
}

input[type=checkbox]{
  width: 0px;
  display: none;
}

input[type=checkbox] + * {
  padding-left:21px;
  height:16px;
  display:inline-block;
  line-height:16px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:16px;
  vertical-align:middle;
  cursor:pointer;
  background-image:url(../img/checkbox-bg.svg);
  transition: 0.2s ease-in-out;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox]:checked + * {
  background-position: 0 -16px;
  transition: 0.2s ease-in-out;
}

.orange-btn, .gray-btn, .green-btn, .blue-btn {
  color: white;
  font-weight: bold;
  font-variant: small-caps;
  &:hover {
    color: white;
  }
  &:focus {
    color: white;
  }
  .glyphicon {
    color: white;
    margin-right: 5px;
  }
  a {
    color: white;
    &:hover {
      text-decoration: none;
    }
  }
  transition: 0.1s;
}
.orange-btn {
  background-color: @C2C-orange;
  &:hover {
    background-color: #FF9416;
    transition: 0.1s;
  }
}

.gray-btn {
  background-color: graytext;
  &:hover {
    background-color: #B89191;
    transition: 0.1s;
  }
}

.blue-btn {
  background-color: @brand-primary;
  &:hover {
    background-color: #286090;
    transition: 0.1s;
  }
}

.green-btn {
  background-color: @bright-green;
  &:hover {
    background-color: #4C9B5D;
    transition: 0.1s;
  }
}

.dropdown-toggle {
  font-variant: small-caps;
}

ul {
  padding-left: 15px;
}

.value, .value-title {
  font-weight: bold;
}
.value-title {
  color: darkslategray;
}
.value {
  color: darkgray;
  &.space {
    margin-left: 4px;
  }
}

.select-document {
  width: 170px;
  margin-right: 10px;
}

.section.associations, .view-details-section {
  .list-item {
    margin-right: .5%;
    margin-left: .5%;
    width: 49%;

    @media @big {
      width: 32%;
    }
    @media @phone {
      width: 100%;
    }
  }
  app-add-association, .associated-section {
    width: 100%;
    margin-top: 10px;
  }
  .associated-documents {
    max-height: 600px;
    overflow-y: auto;
    width: 100%;
    .flex();
    flex-wrap: wrap;

    app-delete-association {
      font-size: 15px;

      @media @phone {
        font-size: 14px;
      }
      .glyphicon {
        color: red;
      }
      button {
        padding: 5px;
      }
    }
    .glyphicon-trash:not(app-delete-association) {
      position: absolute;
      color: red;
      font-size: 1.3em;
      right: 10px;
      top: calc(~"100% - 30px");
    }
  }
}

@import (inline) "../node_modules/openlayers/css/ol.css";
@import "../node_modules/bootstrap/less/bootstrap.less";
@icon-font-path: "bootstrap_fonts/";
@import "simplesearch.less";
@import "diff.less";
@import "sidemenu.less";
@import "scrollbar.less";
@import "floatbuttons.less";
@import "stickyfilters.less";
@import "filters.less";
@import "other-icons.less";
@import "social-icons.less";
@import "waypoint-types.less";
@import "activities.less";
@import "viewdetails.less";
@import "documentedit.less";
@import "helpers.less";
@import "images.less";
@import "map.less";
@import "404.less";
@import "homepage.less";
@import "variables.less";

html, body{
  padding: 0;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  background-color: @body-color;
}

.ol-zoom {
  top: 44px;
}
.modal-dialog {
  margin-top: 30vh;

  h3 {
    margin-bottom: 0;
  }
}

.documents-nav-buttons {
  .flex();
  flex-flow: wrap row;
  padding: 10px 10px 0 10px;

  button[protected-url-btn] {
    padding: 0 5px;
    font-size: 20px;
    span {
      top: 3px;
      font-size: 20px;
      width: 100%;
    }
  }
}
.add-waypoint, .add-route {
  margin: 1% 0 1% 0;
}

.page-main-title {
  top: @page-header-height - 8;
  color: white;
  height: 40px;
  position: relative;
  z-index: 1;
  margin-left: @list-width;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  background-color: rgba(104, 159, 179, 0.64);

  @media @phone {
    border-bottom: 1px solid #ccc;
    font-size: 1.5em;
    padding: 0;
    position: initial;
    margin-left: 0;
    height: 35px;

    h3 {
      margin: 0;
      padding: 0.7%;
    }
  }

  .badge {
    background-color: @C2C-orange;
  }
}

h1 {
  font-size: 3em;
}

#waypoints, #routes {
  padding-right: 2%;
  margin-bottom: 2%;
  margin-left: 2%;
  width:98%;
  min-height:100px;
  height: 69vh;
  overflow-y: auto;

  @media @phone {
    height: 45vh;
  }
}

#missing-langs, #other-langs {
  a {
    text-decoration: none;
  }
  .modal-header {
    margin-bottom: 1%;
  }
  .glyphicon {
    color: @C2C-orange;
    float: right;
    transition: 0.1s;
  }

  ul {
    flex-flow: wrap row;
    flex-direction: column;
    align-items: stretch;
    .flex();
    list-style: none;
    font-size: 1.2em;
    width: 16%;
    margin: auto;
    text-align: center;
    @media @phone {
      width: 38%;
    }
    @media @tablet {
      width: 25%;
    }
    li {
      color: #337ab7;
      cursor: pointer;
      height: 30px;
      transition: 0.1s;

      &:hover {
        font-size: 1.02em;

        .glyphicon {
          transition: 0.1s;
        }
      }

    }
  }
}

main {
  #missing-langs, #other-langs {
    display: none;
  }
}

.nav-tabs {
  display: none;
  text-align: center;
  @media @phone {
    display: block;
  }
  >li {
    display: inline-table;
    float: none;
  }

}
.thumbnail {
  padding: 0;
  margin-bottom: 10px;
}

.scroll-top-btn {
  border-radius: 57%;
  height: 40px;
  width: 40px;
  padding: 0;

  @media @phone {
    display: none;
  }
  .glyphicon {
    margin-left: -3px;
    margin-top: 3px;
  }
}

.glyphicon {
  color: @C2C-orange;
}

.translate-lang, .view-other-lang {
  .caret {
    color : #F6911A;
  }
}

.translate-lang {
  display: inline-block;
  margin-bottom: 10px;

  .dropdown-menu {
    padding: 0;

    li {
      cursor: pointer;
    }
  }
}

#pagination {
  color: lightslategrey;
  position: absolute;
  right: 10px;

  @media @phone {
    position: fixed;
    align-items: baseline;
    .flex();
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 5px;
    left: 0;
    background-color: #f0f0f0;

    ul {
      .flex();
      justify-content: space-between;
      width: 100%;
      height: 100%;
    }
    .page-numbers  {
      width: 100%;
      display: block !important;
    }
  }

  .page-numbers {
    @media (max-width: @screen-sm-min){
      display: none;
    }
  }

  ul {
    display:inline-block;
    margin-bottom: 0;
    padding-left: 5px;

    li {
      display:inline-block;
      a {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        background-color: @bright-green;
      }
      .glyphicon {
        top: 0px;
        margin-left: -5px;
      }
      a,  .glyphicon {
        color:white;
      }
    }
  }
}

.help-block {
  position: absolute;
  margin-top: -5px;
  margin-bottom: 0;

  p {
    display: none;
    font-size: 1em;
    color: white !important;
  }
}

.list {
  width:100%;
  padding: 1% 2% 2% 2%;
  column-count: 3;

  @media @tablet {
    column-count: 2;
  }
  @media (max-width: @screen-sm-min) {
    column-count: 1;
    padding-bottom: 50px;
  }
  .list-item {
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
  }
}

.list-item {
  position: relative;
  cursor: pointer;
  background-color: white;
  margin-top: 10px;
  outline: none;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  transition: .2s ease-in-out;
  border: 2px solid rgba(88, 150, 165, 0.2);

  &:active {
    -webkit-box-shadow: inset 1px 1px 8px -3px rgba(0,0,0,.75);
    -moz-box-shadow: inset 1px 1px 8px -3px rgba(0,0,0,.75);
    box-shadow: inset 1px 1px 8px -3px rgba(0,0,0,.75);
    -webkit-transition: .2s ease-in-out;
    transition: 0.2s ease-in-out;
    outline: none;
  }
  &:hover, &.highlight {
    background-color: #EFEFEF;
    transition: 0.1s ease-in-out;
  }
  @media @tablet {
    border-width: 1px;
  }
  @media @phone {
    border-width: 1px;
    font-size: 1.2em;
  }

  .list-item-title {
    font-weight: bold;
    color: graytext;
    line-height: 5px;

    @media @tablet {
      font-size: 1em;
    }
  }

  .list-item-info {
    margin-top: 5px;
    width: 100%;
    text-decoration: none;
    color: #919191;
    font-weight: normal;

    .quality, .orientations {
      white-space: nowrap;
      .glyphicon {
        margin-right: 3px;
      }
    }
    .elevation-max .glyphicon {
      transform: rotateX(180deg);
    }
    .elevation-max, .height-diff, .height-diff-difficulties, .orientations {
      margin-right: 5px;
    }
    .icon-rating {
      font-size: 1.4em;
      margin-left: -2px;
    }
    .rating {
      margin-right: 8px;
    }
    .orientations, .height-diff, .height-diff-difficulties, .elevation-max {
      white-space: nowrap;
      @media (max-width: @phone-max) {
        display: none;
      }
    }
    .global-rating {
      margin-bottom: 5px;
      @media (min-width: @phone-max) {
        display: none;
      }
    }
    .full-rating {
      margin-bottom: 5px;
      margin-top: 5px;
      .glyphicon {
        font-size: 1.3em;
        margin-left: -3px;
        margin-right: 3px !important;
      }
      @media (max-width: @phone-max) {
        display: none;
      }
    }
    .glyphicon, [class*="icon-"]:not(.route-activity):not(.waypoint-type) {
      color: @bright-green;
      margin-right: 5px;
    }
  }/*list-item-info*/

  .waypoint-type {
    font-size: 2em;
    color: @C2C-orange;
    margin-right: 3px;
  }
  .route-activity {
    font-size: 3.5em;
    color: @C2C-orange;
    margin-bottom: 10px;
    @media @phone {
      font-size: 3em;
    }
  }
  &.main-waypoint {
    border: 2px solid @bright-green;
  }
  &.images {
    img {
      width: 100%;
    }
  }
  &.outings {
    a {
      .flex() !important;
    }
    .outing-author, .outing-date {
      font-size: 0.9em;
    }
    .list-item-info {
      margin-left: 10px;
    }
    .outing-author {
      width: 33%;
      color: gray;
      margin-top: auto;
      margin-bottom: auto;

      .icon-user {
        font-size: 3em;
      }
    }
    .glyphicon-trash {
      top: 65% !important;
    }
  }
  a {
    display: block;
    transition: 0.2s;
    font-weight: normal;
    word-wrap: break-word;
    color: #767676;
    padding: 10px;

    .list-item-lang {
      opacity: 0.9;
      color: graytext;
      font-weight: normal;
    }

    &:hover {
      text-decoration: none;
    }

    &:hover .list-item-title {
      color: teal;
      transition: 0.1s ease-in-out;
    }
    &:focus {
      text-decoration: none;
      outline: none;
    }
    @media @phone {
      font-size: .8em;
    }
  } /*list-item a*/
  &.highlight a .list-item-title {
    color: teal;
    transition: 0.1s ease-in-out;
  }
} /* list-item*/

.line-separator{
  height:1px;
  background:#717171;
  border-bottom:1px solid @lightgrey;
  opacity: 0.9;
  margin: 3% 0 3% 0;
}

.map-right {
  position: relative;
  margin-left: @list-width;

  .map {
    @media (max-height: 300px) {
      height: 70vh;
    }
    @media @phone {
      -webkit-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.56);
      -moz-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.56);
      box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.56);
      height: 250px;
      margin-top: 0;
      height: 42vh !important;
    }
  }

  @media @phone {
    margin-left: 0;
    bottom: 40px;
    position: fixed;
    width: 100%;
  }
}
.documents-list-section, .map-right .map, .not-found-section {
  height: calc(~"100vh -" @page-header-height);
  height: -moz-calc(~"100vh -" @page-header-height);
  height: -webkit-calc(~"100vh -" @page-header-height);
  height: -o-calc(~"100vh -" @page-header-height);
  height: calc(~"100vh -" @page-header-height);
}

.documents-list-section, .not-found-section {
  background-color: @lightgrey;
  position: relative;
  width: @list-width;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;

  @media @phone {
    width: 100%;
    float:none;
    margin-top: 0;
    height: 45vh;
  }
  .show-documents-filters-phone {
    display: none;
    height: 33px;
    margin-right: 5px;

    @media @phone {
      display: block;
    }
  }
}

.search-icon {
  font-size: 1.8em;
  margin-right: 8px;
  margin-top: 5px;

  @media @phone {
    cursor: pointer;
    /*hover triggers the search input to appear in simplesearch.js*/
  }
}

.login-text {

  margin-bottom: 0;
  @media @phone {
    display: none;
  }
}

app-user{
  text-align: center;

  .dropdown-toggle {
    min-height: 35px;
    align-items: center;

    @media @phone {
      padding: 1px 7px 0 7px;
    }
  }

  .icon-user, .glyphicon {
    color: white;
  }
  .icon-user {
    font-size: 2em;
  }
  .login-out-button {
    span {
      @media @phone {
        display: none;
      }
    }
  }
  .caret {
    @media @phone {
      display: none;
    }
  }
}
.user-info {
  @media @phone {
    display: none;
  }
}

.search {
  background-color: #FBFBFB !important;
  width : 380px;
  height: 35px;
  border-radius: 0 5px 5px 0;
  border: none;
  -webkit-transition: width .5s ease;
  -moz-transition: width .5s ease;
  transition: width .5s ease;

  @media @tablet {
    width: 150px;
  }
  @media @phone {
    border: 1px solid bisque;
  }
}

.lang-selector {
  .flex();
  width:100%;
  align-items: center;
  color: graytext;

  @media @phone {
    width: 46px;
  }
  > label {
    @media (max-width: 800px){
      display: none;
    }
  }
}

app-lang{
  margin-left: 10px;
  font-size: 1.2em;

  @media @phone {
    width: 105px;
    margin-left: 0;
  }
  .selected-lang {
    text-transform: uppercase;
    color: #676767;
  }
  .dropdown-toggle {
    padding: 6px 8px;
    @media @phone {
      padding: 6px 6px;
    }
  }
  .dropdown-menu {
    right: 0;
    left: initial;
    min-width: 91px;
    cursor: pointer;
  }
}

app-simple-search {
  .flex();
  border-radius: 6px;
  padding-left: 10px;
  margin-right: 10px;
  background: @C2C-orange;
  width: 25%;

  .glyphicon {
    color: #F9F9F9;
  }

  @media @phone {
    width: 40px;
    padding-left: 6px;
  }
}

.page-header {
  .flex();
  background-color: @body-color;
  position: absolute;
  width: 100%;
  border-bottom: 2px solid @C2C-orange !important;
  justify-content: flex-end;
  margin-top: 0;
  top: 0;
  margin-bottom: 0;
  border: 0;
  padding-bottom: 5px;
  padding-top: 5px;

  @media @phone {
    position: fixed;
    margin-top: 6px;
  }
  #add-my-outing {
    margin-left: 10px;
    @media (max-width: 650px) {
      display: none;
    }
  }

  .show-search {
    position: absolute !important;
    left: 5px !important;
    z-index: 2;
    width: 100% !important;
    padding: 0 !important;
    transition: 0.3s ease-in-out;
  }

  .quick-search {
    rigth: 0;
    position: relative;
    transition: 0.3s ease-in-out;

    input {
      @media @phone {
        visibility: hidden;
        width: 0px;
      }
    }
  }

  .search {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    transition: width .5s ease;
    padding: 5px;
    &:focus, &:hover {
      width: 420px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      outline: none;
      border: 1px solid bisque;
      @media @tablet {
        width: 150px;
      }
      @media @phone {
        width: -moz-calc(~"100vw - 45px");
        width: -webkit-calc(~"100vw - 45px");
        width: -o-calc(~"100vw - 45px");
        width: calc(~"100vw - 45px");
      }
    }
    @media @phone {
      width: 0px;
      margin-left: -3px;
    }
  }
  .lang-user {
    .flex();
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
  }

  #user-menu {
    height: 33px;

    .icon-user {
      display: none;

      @media @phone {
        display: block;
      }
    }
    .caret {
      @media @phone {
        display:none;
      }
    }
    .user-info {
      @media @phone {
        display: none;
      }
    }
  }
}/* page-header */

.logo.header {
  position: relative;
  display: none;
  margin-left: 60px;
  margin-bottom: 6px;
  z-index: 2;
  width: 80px;

  @media @phone {
    position: fixed;
    display: block;
    top: 6px;
  }
  @media @tablet {
    display: block;
    margin-top: 4px;
  }
  img {
    height: 39px;

    @media @phone {
      height: 37px;
    }
  }
}

.page-content {
  margin-left: @menu-width;
  margin-top:  8px;

  @media @tablet {
    margin-left: @menu-width-tablet;
    margin-top:  -41px;
  }
  @media @phone {
    margin-left: 0;
    margin-top: 50px;
  }

  .archive-data {
    margin: 5px;
    padding: 5px;
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.2);
  }

  .versions-list {
    border: 1px solid black;
    margin-bottom: 10px;
    border-collapse: collapse;

    th {
      padding: 5px;
      border: 1px solid black;
    }

    td {
      padding: 5px;
      border: 1px solid black;

      .hide-radio {
        visibility: hidden;
      }
    }
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

app-alerts {
  position: fixed;
  top: 30vh;
  left: 45vw;
  z-index: 9999;
  @media @phone {
    left: 5vw;
    width: 90%;
  }

  ul {
    list-style: none;
  }
  app-alert {
    text-align: left;
    -webkit-animation: fadein .3s;
    -moz-animation: fadein .3s;
    -ms-animation: fadein .3s;
    -o-animation: fadein .3s;
    animation: fadein .3s;
    text-align: left;
  }
  .alert {
    display: block !important;
    font-size: 1.2em;
    border: 1px solid #ccc !important;
  }
  .alert-text {
    display: inline;
  }
}

.auth-form {
  padding: 0 10% 0 10%;
  margin-top: 100px;

  section {
    background-color: white;
    padding-top: 0.01%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 6%;
    border: 1px solid #eee;
    border-radius: 5px;
  }
}

.archive-data {
  div {
    display: table;
    margin: auto;
  }
  h2, .glyphicon {
    color: @brand-danger;
    @media @phone {
      font-size: 1.4em;
    }
  }
  p {
    font-size: 1.3em;
    color: white;
    @media @phone {
      font-size: 1.1em;
    }
  }

  h2 {
    text-align: center;
    padding: 1%;
  }
  button a {
    text-decoration: none;
  }
}

.hidden-options {
  margin-bottom: 2%;
  padding: 0;
}

.document-history, .document-differences {
  padding: 5%;
  @media @tablet {
    padding-top: 7%;
  }
}

.versions-list {
  background-color: #EBEBEB;

  tr:first-of-type {
    background-color: #337AB7 !important;
    color: white;
  }
  td {
    .hide-radio {
      display: none;
    }
  }
}

button:focus {
  outline: none !important;
}

.form-control {
  border-radius: 2px;
}

input[type=checkbox]{
  width: 0px;
  display: none;
}

input[type=checkbox] + * {
  padding-left:21px;
  height:16px;
  display:inline-block;
  line-height:16px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:16px;
  vertical-align:middle;
  cursor:pointer;
  background-image:url(../img/checkbox-bg.svg);
  transition: 0.2s ease-in-out;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox]:checked + * {
  background-position: 0 -16px;
  transition: 0.2s ease-in-out;
}

.orange-btn, .gray-btn, .green-btn, .blue-btn {
  color: white;
  font-weight: bold;
  font-variant: small-caps;
  &:hover {
    color: white;
  }
  &:focus {
    color: white;
  }
  .glyphicon {
    color: white;
    margin-right: 5px;
  }
  a {
    color: white;
    &:hover {
      text-decoration: none;
    }
  }
  transition: 0.1s;
}
.orange-btn {
  background-color: @C2C-orange;
  &:hover {
    background-color: #FF9416;
    transition: 0.1s;
  }
}

.gray-btn {
  background-color: graytext;
  &:hover {
    background-color: #B89191;
    transition: 0.1s;
  }
}

.blue-btn {
  background-color: @brand-primary;
  &:hover {
    background-color: #286090;
    transition: 0.1s;
  }
}

.green-btn {
  background-color: @bright-green;
  &:hover {
    background-color: #4C9B5D;
    transition: 0.1s;
  }
}

.dropdown-toggle {
  font-variant: small-caps;
}

ul {
  padding-left: 15px;
}

.value, .value-title {
  font-weight: bold;
}
.value-title {
  color: darkslategray;
}
.value {
  color: darkgray;
  &.space {
    margin-left: 4px;
  }
}

.select-document {
  width: 170px;
  margin-right: 10px;
}

.section.associations, .view-details-section {
  .list-item {
    margin-right: .5%;
    margin-left: .5%;
    width: 49%;

    @media @big {
      width: 32%;
    }
    @media @phone {
      width: 100%;
    }
  }
  app-add-association, .associated-section {
    width: 100%;
    margin-top: 10px;
  }
  .associated-documents {
    max-height: 600px;
    overflow-y: auto;
    width: 100%;
    .flex();
    flex-wrap: wrap;

    app-delete-association {
      font-size: 15px;

      @media @phone {
        font-size: 14px;
      }
      .glyphicon {
        color: red;
      }
      button {
        padding: 5px;
      }
    }
    .glyphicon-trash:not(app-delete-association) {
      position: absolute;
      color: red;
      font-size: 1.3em;
      right: 10px;
      top: calc(~"100% - 30px");
    }
  }
}


fix conflict with react-stickynode

fix conflict with react-stickynode

addresses #2077

@import "./itemList.less";

.bookmarksPage {
  margin: 20px;

  .bookmarkPageContent {
    border-top: 1px solid @chromeBorderColor;
    display: flex;

    .bookmarkList {
      padding-top: 10px;
      overflow: hidden;

      .listItem {
        display: flex;
        height: 1rem;

        .aboutListItem {
          align-items: center;
          min-width: 0;
        }
      }
    }

    .bookmarkFolderList {
      min-width: 220px;

      .listItem {
        border-right: 1px solid @chromeBorderColor;
        height: 1rem;
      }

      .bookmarkFolderIcon {
        margin-right: 5px;
      }
    }

    .sticky-outer-wrapper {
      min-width: 220px;
      padding-top: 10px;
    }
  }
}

.bookmarkFolderList list >* {
  padding-left: 12px;
}

@import "./itemList.less";

.bookmarksPage {
  margin: 20px;

  .bookmarkPageContent {
    border-top: 1px solid @chromeBorderColor;
    display: flex;

    .bookmarkList {
      padding-top: 10px;
      overflow: hidden;

      .listItem {
        display: flex;
        height: 1rem;

        .aboutListItem {
          align-items: center;
          min-width: 0;
        }
      }
    }

    >.bookmarkFolderList {
      border-right: 1px solid @chromeBorderColor;
      padding-top: 10px;

      .listItem {
        height: 1rem;
      }
    }

    .bookmarkFolderList {
      min-width: 220px;

      .bookmarkFolderIcon {
        margin-right: 5px;
      }
    }

    .sticky-outer-wrapper {
      min-width: 220px;
      padding-top: 10px;
    }
  }
}

.bookmarkFolderList list >* {
  padding-left: 12px;
}


Make .txt max-width variable

Make .txt max-width variable

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// variables
@font-face {
  font-family: 'sparanoid.com';
  src: url('font.woff') format('woff'),
       url('font.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-face {
  font-family: 'sparanoid.com', Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  text-transform: uppercase;
}

.helvetica {
  .gray;
  font-family: Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.gray { color: rgba(0, 0, 0, .4); }

@txt-width: 620px;

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: #000;
  background: #fff;
  font-size: 14px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  font-weight: 100;
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 40px;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: #000;
  -webkit-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
     -moz-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
}
  .a a, a:hover {
    color: #e34;
    -webkit-transition: color .1s ease, background .1s ease, opacity .1s ease;
       -moz-transition: color .1s ease, background .1s ease, opacity .1s ease;
  }

ins {
  .gray;
}

del {
  text-decoration: line-through;
}

::selection {
  background: rgba(0, 0, 0, .05);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .02);
}
body:after {
  bottom: 0;
  height: 70px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

header {
  a {
    display: block;
    height: 38px;
    width: 38px;
    margin: 0 auto;
    background: url(logo.svg) no-repeat 0 0;
    background-size: 38px 38px;
    text-indent: -9999em;
  }
}

nav {
  .helvetica;
  font-size: 11px;
  &[role=navigation] {
    padding: 10px 0 15px;
    ul {
      text-align: center;
      li {
        display: inline;
        margin: 0 .8em;
      }
    }
  }
  &[role=pagination] {
    a {
      position: absolute;
      top: 170px;
      display: block;
      padding: 10px;
      font-size: 9px;
      letter-spacing: .2em;
      background: rgba(0, 0, 0, .05);
      z-index: 9999;
      &[role=next] {
        left: 0;
      }
      &[role=previous] {
        right: 0;
      }
    }
  }
}

hgroup {
  .font-face;
  font-size: 24px;
  text-align: center;
  padding-top: 40px;
  max-width: @txt-width;
  margin: auto;
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: 40px;
  a {
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
  }
  img, video {
    display: block;
    margin: 20px auto;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: @txt-width;
    font-size: 18px;
    margin: 0 auto;
    text-align: justify;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    p {
      margin: 1em 0;
      line-height: 2;
    }
    h3 {
      .helvetica;
      padding: 60px 0 0;
      text-align: center;
      &:first-child {
        margin-top: -40px;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, Consolas, monospace;
      color: #68a;
    }
  }
  div[role*=announcement] {
    text-align: center;
  }
  .note, .download {
    .helvetica;
    color: #000;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    padding: 20px;
    border-left: 3px solid rgba(238, 51, 68, .2);
    background: rgba(238, 51, 68, .1);
  }
}

// image list in "work"
@thumb-size: 64px;
@thumb-padding: 8px;

ul[role*=list] {
  max-width: 640px;
  text-align: center;
  margin: 0 auto;
  padding-top: 12px;
  clear: both;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: 8px;
    img {
      width: @thumb-size;
      height: @thumb-size;
      max-width: @thumb-size;
      margin: 0;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      color: #fff;
      font-size: 10px;
      line-height: 1.2;
      opacity: 0;
      border-bottom: none;
      background: rgba(0, 0, 0, .8);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
ul[role$=small] {
  max-width: 640px;
  margin: 100px auto;
  padding: 60px 0 20px;
  li {
    img {
    }
    a {
      &:hover {
      }
    }
    &:hover a {
    }
  }
}

// post list in "note"
dl {
  text-align: center;
  margin-top: -40px;
  dt {
    line-height: 1;
    padding: 60px 0 0;
    .helvetica;
    a {
      border-bottom: none;
    }
  }
  dd {
    margin-bottom: 40px;
  }
}

aside {
  padding: 40px 0 0;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  clear: both;
  .bsap {
    padding: 10px 0 40px;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        .gray;
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  article .txt {
    font-size: 16px;
  }
}

@media screen and (max-device-width: 480px) {
  :root {
    padding: 60px 20px;
    -webkit-text-size-adjust: none;
  }
  article .txt {
    font-size: 14px;
  }
}

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// variables
@font-face {
  font-family: 'sparanoid.com';
  src: url('font.woff') format('woff'),
       url('font.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-face {
  font-family: 'sparanoid.com', Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  text-transform: uppercase;
}

.helvetica {
  .gray;
  font-family: Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.gray { color: rgba(0, 0, 0, .4); }

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: #000;
  background: #fff;
  font-size: 14px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  font-weight: 100;
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 40px;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: #000;
  -webkit-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
     -moz-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
}
  .a a, a:hover {
    color: #e34;
    -webkit-transition: color .1s ease, background .1s ease, opacity .1s ease;
       -moz-transition: color .1s ease, background .1s ease, opacity .1s ease;
  }

ins {
  .gray;
}

del {
  text-decoration: line-through;
}

::selection {
  background: rgba(0, 0, 0, .05);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .02);
}
body:after {
  bottom: 0;
  height: 70px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

header {
  a {
    display: block;
    height: 38px;
    width: 38px;
    margin: 0 auto;
    background: url(logo.svg) no-repeat 0 0;
    background-size: 38px 38px;
    text-indent: -9999em;
  }
}

nav {
  .helvetica;
  font-size: 11px;
  &[role=navigation] {
    padding: 10px 0 15px;
    ul {
      text-align: center;
      li {
        display: inline;
        margin: 0 .8em;
      }
    }
  }
  &[role=pagination] {
    a {
      position: absolute;
      top: 170px;
      display: block;
      padding: 10px;
      font-size: 9px;
      letter-spacing: .2em;
      background: rgba(0, 0, 0, .05);
      z-index: 9999;
      &[role=next] {
        left: 0;
      }
      &[role=previous] {
        right: 0;
      }
    }
  }
}

hgroup {
  .font-face;
  font-size: 24px;
  text-align: center;
  padding-top: 40px;
  max-width: 620px;
  margin: auto;
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: 40px;
  a {
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
  }
  img, video {
    display: block;
    margin: 20px auto;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: 620px;
    font-size: 18px;
    margin: 0 auto;
    text-align: justify;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    p {
      margin: 1em 0;
      line-height: 2;
    }
    h3 {
      .helvetica;
      padding: 60px 0 0;
      text-align: center;
      &:first-child {
        margin-top: -40px;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, Consolas, monospace;
      color: #68a;
    }
  }
  div[role*=announcement] {
    text-align: center;
  }
  .note, .download {
    .helvetica;
    color: #000;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    padding: 20px;
    border-left: 3px solid rgba(238, 51, 68, .2);
    background: rgba(238, 51, 68, .1);
  }
}

// image list in "work"
@thumb-size: 64px;
@thumb-padding: 8px;

ul[role*=list] {
  max-width: 640px;
  text-align: center;
  margin: 0 auto;
  padding-top: 12px;
  clear: both;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: 8px;
    img {
      width: @thumb-size;
      height: @thumb-size;
      max-width: @thumb-size;
      margin: 0;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      color: #fff;
      font-size: 10px;
      line-height: 1.2;
      opacity: 0;
      border-bottom: none;
      background: rgba(0, 0, 0, .8);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
ul[role$=small] {
  max-width: 640px;
  margin: 100px auto;
  padding: 60px 0 20px;
  li {
    img {
    }
    a {
      &:hover {
      }
    }
    &:hover a {
    }
  }
}

// post list in "note"
dl {
  text-align: center;
  margin-top: -40px;
  dt {
    line-height: 1;
    padding: 60px 0 0;
    .helvetica;
    a {
      border-bottom: none;
    }
  }
  dd {
    margin-bottom: 40px;
  }
}

aside {
  padding: 40px 0 0;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  clear: both;
  .bsap {
    padding: 10px 0 40px;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        .gray;
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  article .txt {
    font-size: 16px;
  }
}

@media screen and (max-device-width: 480px) {
  :root {
    padding: 60px 20px;
    -webkit-text-size-adjust: none;
  }
  article .txt {
    font-size: 14px;
  }
}


[JENKINS-36169] Fix offset for logs until <10k. For bigger logs you still see the offset

fatal: unable to access 'https://github.com/jenkinsci/jenkins-design-language.git/': The requested URL returned error: 403


CRM-6047: Cards on the Board view have different heights

@import "oroui/css/less/mixins";
@light-border-color: #e7e7e7;
@dark-border-color: #ccc;
.card-view{
  position: relative;
  background: white;
  border: solid 1px @light-border-color;
  border-radius: 3px;
  z-index: 0;
  &:hover{
    background: linear-gradient(to bottom, #ffffff, #f0f0f0);
    border-color: @dark-border-color;
    z-index: 1;
    & + .card-view {
      border-top-color: @dark-border-color;
    }
  }
  .card-title {
    .text-line-truncate(calc(~"100% - 15px"));
    font-weight: bold;
  }
  .card-actions {
    position: absolute;
    top: 5px;
    right: 5px;
    .dropdown-toggle {
      padding: 0 5px;
      width: auto;
      margin-top: 1px;
    }
    .dropdown-menu {
      right: 100%;
      left: auto;
      top: -10px;
    }
    .launchers-list {
      padding: 0%;
    }
  }
  .card-amount {
    .text-line-truncate();
    color: #777;
    font-weight: bold;
  }
  .card-additional {
    color: #777;
    margin-top: 5px;
    line-height: 17px;
    .card-additional-line {
      .text-line-truncate();
    }
  }
  .card-date{
    .text-line-truncate();
    color: #CCC;
    font-size: 11px;
  }
  &[data-transition-status="error"] {
    background: @cellErrorBackground;
  }
  &[data-transition-status="success"].transition-status-just-changed {
    background: @cellSuccessBackground;
  }
  &[data-transition-status="in_progress"] {
    background: @cellLoadingBackground;
  }
}

@import "oroui/css/less/mixins";
@light-border-color: #e7e7e7;
@dark-border-color: #ccc;
.card-view{
  position: relative;
  background: white;
  border: solid 1px @light-border-color;
  border-radius: 3px;
  z-index: 0;
  &:hover{
    background: linear-gradient(to bottom, #ffffff, #f0f0f0);
    border-color: @dark-border-color;
    z-index: 1;
    & + .card-view {
      border-top-color: @dark-border-color;
    }
  }
  .card-title {
    .text-line-truncate(calc(~"100% - 15px"));
    font-weight: bold;
  }
  .card-actions {
    position: absolute;
    top: 5px;
    right: 5px;
    .dropdown-toggle {
      padding: 0 5px;
      width: auto;
      margin-top: 1px;
    }
    .dropdown-menu {
      right: 100%;
      left: auto;
      top: -10px;
    }
    .launchers-list {
      padding: 0%;
    }
  }
  .card-amount {
    .text-line-truncate();
    color: #777;
    font-weight: bold;
  }
  .card-additional {
    color: #777;
    margin-top: 10px;
    line-height: 17px;
    .card-additional-line {
      .text-line-truncate();
    }
  }
  .card-date{
    .text-line-truncate();
    color: #CCC;
    font-size: 11px;
  }
  &[data-transition-status="error"] {
    background: @cellErrorBackground;
  }
  &[data-transition-status="success"].transition-status-just-changed {
    background: @cellSuccessBackground;
  }
  &[data-transition-status="in_progress"] {
    background: @cellLoadingBackground;
  }
}


changed transition-delay

changed transition-delay

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/oleg111an/streaming.git/'


updated uikit

updated uikit

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/4nxiety/pagekit.git/'


SImplify preloader animation

SImplify preloader animation

This reverts commit cd0cc5aae18d03eaf4f05e7efbcd1649d7a8d8cd, reversing
changes made to b0796b0ef1e474d97f21226abdf6b825c2492e0b.

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#6c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;

}
.swiper-lazy-preloader-white:after {
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s step-end infinite;
    -moz-animation: swiper-preloader-spin 1s step-end infinite;
    animation: swiper-preloader-spin 1s step-end infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#6c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;

}
.swiper-lazy-preloader-white:after {
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}
@-webkit-keyframes swiper-preloader-spin {
    .preloader-loop(0);
    .preloader-loop(@i) when (@i <= 12) {
        @j: ((@i * (1/12)) * 100%);
        @{j} {
            @deg: (@i) * 30deg;
            -webkit-transform: rotate(@deg);
        }
        .preloader-loop(@i + 1);
    }
}
@keyframes swiper-preloader-spin {
    .preloader-loop(0);
    .preloader-loop(@i) when (@i <= 12) {
        @j: ((@i * (1/12)) * 100%);
        @{j} {
            @deg: (@i) * 30deg;
            transform: rotate(@deg);
        }
        .preloader-loop(@i + 1);
    }
}


Shadows for buttons

Shadows for buttons

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Livefyre/livefyre-bootstrap.git/'


[Backoffice] Import style to reuse existing libraries.

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}


fix stacking context for slideshow

fix stacking context for slideshow

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/aoimedia/uikit.git/'


make no-cards notification visible in classic theme

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Roadmunk/demux.git/'


starter

starter

body{
  font-size: 1em;
  div{
    margin: 1em;
  }
}

error: pathspec 'app/module2/less/style.less' did not match any file(s) known to git


styled datepicker

styled datepicker

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/amazingBastard/lockers.git/'