/* Dinamic styles =================================================== */

        
        .icon-size-xs, .icon-size-xs img, a#logo-hero.icon-size-xs {
          width: 100px !important;
        }
        .icon-size-sm, .icon-size-sm img, a#logo-hero.icon-size-sm {
          width: 120px !important;
        }
        .icon-size-md, .icon-size-md img, a#logo-hero.icon-size-md {
          width: 160px !important;
        }
        .icon-size-lg, .icon-size-lg img, a#logo-hero.icon-size-lg {
          width: 200px !important;
        }
        .icon-size-xl, .icon-size-xl img, a#logo-hero.icon-size-xl {
          width: 250px !important;
        }

        a#logo-hero {
          background-size: contain;
        }


        @media only screen and (min-width: 48em) {

          .dashboard, .login {
              background: #dadadc url("https://wellb.beplusports.com/files/default/bg-slide.png") no-repeat center top fixed;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
          }
          .workout, .topics, .tests, .profile, .corporate {
              background: #dadadc url("https://wellb.beplusports.com/themes/sport/assets/slides/workout.jpg") no-repeat center top fixed;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
          }
        }
        /* Mixins =================================================== */
        .truncate {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .clearfix {
          *zoom: 1;
        }
        .clearfix:before,
        .clearfix:after {
          display: table;
          content: "";
        }
        .clearfix:after {
          clear: both;
        }
        .visuallyhidden.focusable:active,
        .visuallyhidden.focusable:focus {
          position: static;
          clip: auto;
          height: auto;
          width: auto;
          margin: 0;
          overflow: visible;
        }
        .ir {
          display: block;
          overflow: hidden;
          background-repeat: no-repeat;
          text-align: left;
          text-indent: -999em;
          direction: ltr;
        }
        .irnew {
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
        }
        .debug {
          border: 1px solid red;
        }
        /**** END OF VARIABLES ****/
        /* texture.less */
        .basegrad {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -ms-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(top, #255a83, #002a4b);
          background-repeat: repeat-x;
        }
        .basegradhover {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#002a4b), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #002a4b, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #002a4b, #002a4b);
          background-image: -ms-linear-gradient(top, #002a4b, #002a4b);
          background-image: -o-linear-gradient(top, #002a4b, #002a4b);
          background-image: linear-gradient(top, #002a4b, #002a4b);
          background-repeat: repeat-x;
        }
        .secondarygrad {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
          background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
          background-color: #e6e6e6;
          background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
          background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
          background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
          background-image: linear-gradient(top, #ffffff, #e6e6e6);
          background-repeat: repeat-x;
        }
        .secondarygradhover {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#cfcfcf));
          background-image: -webkit-linear-gradient(top, #e5e5e5, #cfcfcf);
          background-color: #cfcfcf;
          background-image: -moz-linear-gradient(top, #e5e5e5, #cfcfcf);
          background-image: -ms-linear-gradient(top, #e5e5e5, #cfcfcf);
          background-image: -o-linear-gradient(top, #e5e5e5, #cfcfcf);
          background-image: linear-gradient(top, #e5e5e5, #cfcfcf);
          background-repeat: repeat-x;
        }
        .basegradmuted {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f69f4f), to(#fd843b));
          background-image: -webkit-linear-gradient(top, #f69f4f, #fd843b);
          background-color: #fd843b;
          background-image: -moz-linear-gradient(top, #f69f4f, #fd843b);
          background-image: -ms-linear-gradient(top, #f69f4f, #fd843b);
          background-image: -o-linear-gradient(top, #f69f4f, #fd843b);
          background-image: linear-gradient(top, #f69f4f, #fd843b);
          background-repeat: repeat-x;
        }
        .disabledgrad {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#e5e5e5));
          background-image: -webkit-linear-gradient(top, #d3d3d3, #e5e5e5);
          background-color: #e5e5e5;
          background-image: -moz-linear-gradient(top, #d3d3d3, #e5e5e5);
          background-image: -ms-linear-gradient(top, #d3d3d3, #e5e5e5);
          background-image: -o-linear-gradient(top, #d3d3d3, #e5e5e5);
          background-image: linear-gradient(top, #d3d3d3, #e5e5e5);
          background-repeat: repeat-x;
        }
        /* colour.less */
        a {
          color: #255a83;
        }
        a:visited {
          color: #255a83;
        }
        a:hover {
          color: #002a4b;
        }
        a:focus {
          color: #002a4b;
        }
        a ::-moz-selection {
          background-color: #255a83;
        }
        a ::selection {
          background-color: #255a83;
        }
        /* buttons.less */
        .btn-secondary {
          color: #ffffff !important;
        }
        .btn-secondary:visited {
          color: #ffffff !important;
        }
        .btn-secondary:hover {
          color: #ffffff !important;
        }
        .btn {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -ms-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(top, #255a83, #002a4b);
          background-repeat: repeat-x;
          background-color: #255a83;
        }
        .btn:hover {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#002a4b), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #002a4b, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #002a4b, #002a4b);
          background-image: -ms-linear-gradient(top, #002a4b, #002a4b);
          background-image: -o-linear-gradient(top, #002a4b, #002a4b);
          background-image: linear-gradient(top, #002a4b, #002a4b);
          background-repeat: repeat-x;
        }
        /* datepicker.les */
        table tr td span.active,
        table tr td span.active:hover,
        table tr td span.active.disabled,
        table tr td span.active.disabled:hover {
          /*.buttonBackground(@buttonbackground, spin(@buttonbackground, 20));*/
          /*color: #fff;*/
          /*text-shadow: 0 -1px 0 rgba(0,0,0,.25);*/
          color: #255a83;
        }
        th.datepicker-switch {
          color: #255a83;
        }
        /* linkcolor.less */
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
          background-color: #255a83;
        }
        input[type="button"]:hover,
        input[type="reset"]:hover,
        input[type="submit"]:hover {
          background-color: #002a4b;
        }
        /* modal.less */
        .modal-header .close {
          background-color: #255a83;
        }
        .modal-header .close:hover {
          background-color: #002a4b;
        }
        /* old-ie.less */
        .tab-header.active {
          color: #255a83 !important;
        }
        /* owl.less */
        .owl-theme .owl-controls .owl-buttons div {
          color: #255a83;
        }
        .owl-theme .owl-controls .owl-page.active span {
          background: #255a83;
        }
        /* page.less */
        .nav-collapse li {
          border-bottom: 1px solid #f58b55;
        }
        .title {
          color: #255a83;
        }
        #header {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -ms-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(top, #255a83, #002a4b);
          background-repeat: repeat-x;
          background-color: #255a83;
        }
        /* pages.less */
        .workout-categories .list-category a,
        .events.list-category a,
        .workout-categories .list-category a:visited,
        .events.list-category a:visited,
        .workout-categories .list-category a:link,
        .events.list-category a:link {
          color: #255a83;
        }
        #workout-log-details-close {
          color: #255a83;
        }
        #workout-log-details-close:link,
        #workout-log-details-close:visited {
          color: #255a83;
        }
        #workout-log-details-close:hover {
          color: #255a83;
        }
        /* Banners with mobile fallback (text-based) */
        .banner .mobile-fallback em {
          color: #255a83;
        }
        /* favorited (highlighted star) "favorited" class is toggled via JS */
        .trigger-favorite.favorited {
          background-color: #255a83 !important;
          /*&:hover {background-color:lighten(@linkcolor,25);}*/
        }
        .meta li span {
          color: #255a83;
        }
        .list-category li.active a:link,
        a:visited {
          background-color: #255a83;
        }
        .workout-sheet .label {
          background-color: #255a83;
        }
        .step figcaption h2 {
          /* label within step (eg: D1, D2, D3, ...) */
          color: #255a83;
        }
        .article h2 {
          color: #255a83;
        }
        .content p a,
        a:link,
        a:visited {
          color: #255a83;
        }
        footer .list-category i {
          color: #255a83;
        }
        .trigger-didit.ididit {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -ms-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(top, #255a83, #002a4b);
          background-repeat: repeat-x;
          background-color: #255a83;
        }
        /* PROFILE PAGE */
        /* Number of checkins since last visit */
        .profile-checkins em {
          color: #255a83;
        }
        .profile-table th {
          color: #255a83;
        }
        .profile-table .help {
          float: right;
        }
        .profile-table .help:after {
          background-color: #255a83;
        }
        /* owl.theme.less */
        .owl-theme .owl-controls .owl-buttons div {
          color: #255a83;
        }
        .owl-theme .owl-controls .owl-page.active span {
          background: #255a83;
        }
        /* programersbar.less */
        .progress .bar {
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(to bottom, #255a83, #002a4b);
        }
        .progress-striped .bar {
          background-color: #255a83;
        }
        /* site.less */
        .title {
          color: #255a83;
          text-transform: uppercase;
        }
        .rating-input .icon-star {
          color: #255a83;
        }
        /* size_m.less */
        @media only screen and (min-width: 48em) {
          #nav-footer li a:hover {
            color: #ccc;
            text-decoration: none;
          }
        }
        /* tables.less */
        thead th {
          background-color: #255a83;
        }
        /* tabs.less */
        /* tab header:highlight active */
        .tab-trigger:checked + label,
        .tab-header.active {
          /*background:@linkcolor;color:#fff;*/
          color: #255a83;
        }
        /* old_ie.less */
        .basegrad {
          background-color: #255a83;
        }
        /* size_m.less */
        @media only screen and (min-width: 48em) {
          #property-switcher li.current a:visited {
            background-color: #255a83;
            display: inline;
          }
          #nav-profile {
            border-left: 1px solid transparent;
          }
        }
        /* slider.less */
        .slider-selection {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -ms-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(top, #255a83, #002a4b);
          background-repeat: repeat-x;
        }
        .slider-handle {
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#255a83), to(#002a4b));
          background-image: -webkit-linear-gradient(top, #255a83, #002a4b);
          background-color: #002a4b;
          background-image: -moz-linear-gradient(top, #255a83, #002a4b);
          background-image: -ms-linear-gradient(top, #255a83, #002a4b);
          background-image: -o-linear-gradient(top, #255a83, #002a4b);
          background-image: linear-gradient(top, #255a83, #002a4b);
          background-repeat: repeat-x;
          background-color: #255a83;
        }

        .terms p {
          font-size: 100%;
        }

        @media only screen and (min-width: 48em) {
          
          #property-switcher li.current a:link,
          #property-switcher li.current a:visited {
            background-color: #255a83;
            display: inline;
          }
          #nav-profile {

          border-left:1px solid transparent;

          }
        }