LESS Compile error
File: theme-styles.less
Line: 1
Column: 84
Reason: Unrecognised input. Possibly missing something
-------
Extract: 
---- Raw CSS follows ---
Line:1   /** bootstrap.less */
Line:2   /*!
Line:3    * Bootstrap v3.3.7 (http://getbootstrap.com)
Line:4    * Copyright 2011-2016 Twitter, Inc.
Line:5    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
Line:6    */
Line:7   
Line:8   // Core variables and mixins
Line:9   @import "variables.less";
Line:10   @import "mixins.less";
Line:11   
Line:12   // Reset and dependencies
Line:13   @import "normalize.less";
Line:14   @import "print.less";
Line:15   @import "glyphicons.less";
Line:16   
Line:17   // Core CSS
Line:18   @import "scaffolding.less";
Line:19   @import "type.less";
Line:20   @import "code.less";
Line:21   @import "grid.less";
Line:22   @import "tables.less";
Line:23   @import "forms.less";
Line:24   @import "buttons.less";
Line:25   
Line:26   // Components
Line:27   @import "component-animations.less";
Line:28   @import "dropdowns.less";
Line:29   @import "button-groups.less";
Line:30   @import "input-groups.less";
Line:31   @import "navs.less";
Line:32   @import "navbar.less";
Line:33   @import "breadcrumbs.less";
Line:34   @import "pagination.less";
Line:35   @import "pager.less";
Line:36   @import "labels.less";
Line:37   @import "badges.less";
Line:38   @import "jumbotron.less";
Line:39   @import "thumbnails.less";
Line:40   @import "alerts.less";
Line:41   @import "progress-bars.less";
Line:42   @import "media.less";
Line:43   @import "list-group.less";
Line:44   @import "panels.less";
Line:45   @import "responsive-embed.less";
Line:46   @import "wells.less";
Line:47   @import "close.less";
Line:48   
Line:49   // Components w/ JavaScript
Line:50   @import "modals.less";
Line:51   @import "tooltip.less";
Line:52   @import "popovers.less";
Line:53   @import "carousel.less";
Line:54   @import "kademi-carousel.less";
Line:55   @import "kademi-bg.less";
Line:56   
Line:57   
Line:58   // Utility classes
Line:59   @import "utilities.less";
Line:60   @import "responsive-utilities.less";
Line:61   
Line:62   // Kademi extras
Line:63   @import "extra-variables.less";
Line:64   @import "extra-styles.less";
Line:65   @import "theme-variables.less";
Line:66   @import "theme-styles.less";
Line:67   
Line:68   
Line:69   /** slick.less */
Line:70   /* Slider */
Line:71   .slick-slider
Line:72   {
Line:73       position: relative;
Line:74   
Line:75       display: block;
Line:76   
Line:77       -moz-box-sizing: border-box;
Line:78            box-sizing: border-box;
Line:79   
Line:80       -webkit-user-select: none;
Line:81          -moz-user-select: none;
Line:82           -ms-user-select: none;
Line:83               user-select: none;
Line:84   
Line:85       -webkit-touch-callout: none;
Line:86       -khtml-user-select: none;
Line:87       -ms-touch-action: pan-y;
Line:88           touch-action: pan-y;
Line:89       -webkit-tap-highlight-color: transparent;
Line:90   }
Line:91   
Line:92   .slick-list
Line:93   {
Line:94       position: relative;
Line:95   
Line:96       display: block;
Line:97       overflow: hidden;
Line:98   
Line:99       margin: 0;
Line:100       padding: 0;
Line:101   }
Line:102   .slick-list:focus
Line:103   {
Line:104       outline: none;
Line:105   }
Line:106   .slick-list.dragging
Line:107   {
Line:108       cursor: pointer;
Line:109       cursor: hand;
Line:110   }
Line:111   
Line:112   .slick-slider .slick-track,
Line:113   .slick-slider .slick-list
Line:114   {
Line:115       -webkit-transform: translate3d(0, 0, 0);
Line:116          -moz-transform: translate3d(0, 0, 0);
Line:117           -ms-transform: translate3d(0, 0, 0);
Line:118            -o-transform: translate3d(0, 0, 0);
Line:119               transform: translate3d(0, 0, 0);
Line:120   }
Line:121   
Line:122   .slick-track
Line:123   {
Line:124       position: relative;
Line:125       top: 0;
Line:126       left: 0;
Line:127   
Line:128       display: block;
Line:129   }
Line:130   .slick-track:before,
Line:131   .slick-track:after
Line:132   {
Line:133       display: table;
Line:134   
Line:135       content: '';
Line:136   }
Line:137   .slick-track:after
Line:138   {
Line:139       clear: both;
Line:140   }
Line:141   .slick-loading .slick-track
Line:142   {
Line:143       visibility: hidden;
Line:144   }
Line:145   
Line:146   .slick-slide
Line:147   {
Line:148       display: none;
Line:149       float: left;
Line:150   
Line:151       height: 100%;
Line:152       min-height: 1px;
Line:153   }
Line:154   [dir='rtl'] .slick-slide
Line:155   {
Line:156       float: right;
Line:157   }
Line:158   .slick-slide img
Line:159   {
Line:160       display: block;
Line:161   }
Line:162   .slick-slide.slick-loading img
Line:163   {
Line:164       display: none;
Line:165   }
Line:166   .slick-slide.dragging img
Line:167   {
Line:168       pointer-events: none;
Line:169   }
Line:170   .slick-initialized .slick-slide
Line:171   {
Line:172       display: block;
Line:173   }
Line:174   .slick-loading .slick-slide
Line:175   {
Line:176       visibility: hidden;
Line:177   }
Line:178   .slick-vertical .slick-slide
Line:179   {
Line:180       display: block;
Line:181   
Line:182       height: auto;
Line:183   
Line:184       border: 1px solid transparent;
Line:185   }
Line:186   .slick-arrow.slick-hidden {
Line:187       display: none;
Line:188   }
Line:189   /** slick-theme.less */
Line:190   @charset 'UTF-8';
Line:191   /* Slider */
Line:192   .slick-loading .slick-list
Line:193   {
Line:194       background: #fff url('/theme/apps/slickSlider-lib/ajax-loader.gif') center center no-repeat;
Line:195   }
Line:196   
Line:197   /* Icons */
Line:198   @font-face
Line:199   {
Line:200       font-family: 'slick';
Line:201       font-weight: normal;
Line:202       font-style: normal;
Line:203   
Line:204       src: url('/theme/apps/slickSlider-lib/fonts/slick.eot');
Line:205       src: url('/theme/apps/slickSlider-lib/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/theme/apps/slickSlider-lib/fonts/slick.woff') format('woff'), url('/theme/apps/slickSlider-lib/fonts/slick.ttf') format('truetype'), url('/theme/apps/slickSlider-lib/fonts/slick.svg#slick') format('svg');
Line:206   }
Line:207   /* Arrows */
Line:208   .slick-prev,
Line:209   .slick-next
Line:210   {
Line:211       font-size: 0;
Line:212       line-height: 0;
Line:213   
Line:214       position: absolute;
Line:215       top: 50%;
Line:216   
Line:217       display: block;
Line:218   
Line:219       width: 20px;
Line:220       height: 20px;
Line:221       margin-top: -10px;
Line:222       padding: 0;
Line:223   
Line:224       cursor: pointer;
Line:225   
Line:226       color: transparent;
Line:227       border: none;
Line:228       outline: none;
Line:229       background: transparent;
Line:230   }
Line:231   .slick-prev:hover,
Line:232   .slick-prev:focus,
Line:233   .slick-next:hover,
Line:234   .slick-next:focus
Line:235   {
Line:236       color: transparent;
Line:237       outline: none;
Line:238       background: transparent;
Line:239   }
Line:240   .slick-prev:hover:before,
Line:241   .slick-prev:focus:before,
Line:242   .slick-next:hover:before,
Line:243   .slick-next:focus:before
Line:244   {
Line:245       opacity: 1;
Line:246   }
Line:247   .slick-prev.slick-disabled:before,
Line:248   .slick-next.slick-disabled:before
Line:249   {
Line:250       opacity: .25;
Line:251   }
Line:252   
Line:253   .slick-prev:before,
Line:254   .slick-next:before
Line:255   {
Line:256       font-family: 'slick';
Line:257       font-size: 20px;
Line:258       line-height: 1;
Line:259   
Line:260       opacity: .75;
Line:261       color: white;
Line:262   
Line:263       -webkit-font-smoothing: antialiased;
Line:264       -moz-osx-font-smoothing: grayscale;
Line:265   }
Line:266   
Line:267   .slick-prev
Line:268   {
Line:269       left: -25px;
Line:270   }
Line:271   [dir='rtl'] .slick-prev
Line:272   {
Line:273       right: -25px;
Line:274       left: auto;
Line:275   }
Line:276   .slick-prev:before
Line:277   {
Line:278       content: '\2190';
Line:279   }
Line:280   [dir='rtl'] .slick-prev:before
Line:281   {
Line:282       content: '\2192';
Line:283   }
Line:284   
Line:285   .slick-next
Line:286   {
Line:287       right: -25px;
Line:288   }
Line:289   [dir='rtl'] .slick-next
Line:290   {
Line:291       right: auto;
Line:292       left: -25px;
Line:293   }
Line:294   .slick-next:before
Line:295   {
Line:296       content: '\2192';
Line:297   }
Line:298   [dir='rtl'] .slick-next:before
Line:299   {
Line:300       content: '\2190';
Line:301   }
Line:302   
Line:303   /* Dots */
Line:304   .slick-slider
Line:305   {
Line:306       margin-bottom: 30px;
Line:307   }
Line:308   
Line:309   .slick-dots
Line:310   {
Line:311       position: absolute;
Line:312       bottom: -45px;
Line:313   
Line:314       display: block;
Line:315   
Line:316       width: 100%;
Line:317       padding: 0;
Line:318   
Line:319       list-style: none;
Line:320   
Line:321       text-align: center;
Line:322   }
Line:323   .slick-dots li
Line:324   {
Line:325       position: relative;
Line:326   
Line:327       display: inline-block;
Line:328   
Line:329       width: 20px;
Line:330       height: 20px;
Line:331       margin: 0 5px;
Line:332       padding: 0;
Line:333   
Line:334       cursor: pointer;
Line:335   }
Line:336   .slick-dots li button
Line:337   {
Line:338       font-size: 0;
Line:339       line-height: 0;
Line:340   
Line:341       display: block;
Line:342   
Line:343       width: 20px;
Line:344       height: 20px;
Line:345       padding: 5px;
Line:346   
Line:347       cursor: pointer;
Line:348   
Line:349       color: transparent;
Line:350       border: 0;
Line:351       outline: none;
Line:352       background: transparent;
Line:353   }
Line:354   .slick-dots li button:hover,
Line:355   .slick-dots li button:focus
Line:356   {
Line:357       outline: none;
Line:358   }
Line:359   .slick-dots li button:hover:before,
Line:360   .slick-dots li button:focus:before
Line:361   {
Line:362       opacity: 1;
Line:363   }
Line:364   .slick-dots li button:before
Line:365   {
Line:366       font-family: 'slick';
Line:367       font-size: 6px;
Line:368       line-height: 20px;
Line:369   
Line:370       position: absolute;
Line:371       top: 0;
Line:372       left: 0;
Line:373   
Line:374       width: 20px;
Line:375       height: 20px;
Line:376   
Line:377       content: '•';
Line:378       text-align: center;
Line:379   
Line:380       opacity: .25;
Line:381       color: black;
Line:382   
Line:383       -webkit-font-smoothing: antialiased;
Line:384       -moz-osx-font-smoothing: grayscale;
Line:385   }
Line:386   .slick-dots li.slick-active button:before
Line:387   {
Line:388       opacity: .75;
Line:389       color: black;
Line:390   }
Line:391   
Line:392   /** bootstrap-upcrop-image.less */
Line:393   
Line:394   .upload-zone.panel{
Line:395   	&.panel-default{
Line:396   		> form{
Line:397   			&.dropzone{
Line:398   				background: @body-bg
Line:399   			}
Line:400   		}
Line:401   	}  
Line:402   }
Line:403   /** contactus.less */
Line:404   .contactus{
Line:405       .group-no-label{
Line:406           .control-label{
Line:407               display: none; 
Line:408           }
Line:409                   
Line:410           .col-md-offset-3{
Line:411               margin: 0;
Line:412               width: 100%;
Line:413           }
Line:414       }
Line:415   
Line:416   }
Line:417   
Line:418   @media (min-width: 768px) and (max-width: 992px){
Line:419      .contactus{
Line:420           
Line:421           &.form-horizontal{
Line:422               .control-label{
Line:423                   text-align: left;
Line:424               }
Line:425           }
Line:426       } 
Line:427   }
Line:428   
Line:429   @media (max-width: 992px){
Line:430       .message-box{
Line:431           margin-top: 55px;
Line:432       }
Line:433   }
Line:434   
Line:435   
Line:436   /** socialLinks.less */
Line:437   // Social link color variables
Line:438   @rss-color: #F56505;
Line:439   @facebook-color: #3B5998;
Line:440   @twitter-color:#33ccff;
Line:441   @google-color: #d34836;
Line:442   @vimeo-color: #0590B8;
Line:443   @linkedin-color: #007bb7;
Line:444   @instagram-color: #548bb5;
Line:445   @youtube-color: #ee4e40;
Line:446   
Line:447   .social-color-mixin() {
Line:448       &,
Line:449       &:hover {
Line:450           color: #fff;
Line:451       }
Line:452   }
Line:453   
Line:454   .social-icon-mixin(@icon){
Line:455       &.btn-icon {
Line:456           font: normal normal normal 14px/1 "Font Awesome 5 Brands";
Line:457           &:before{
Line:458               content: @icon;
Line:459               -webkit-box-sizing: border-box;
Line:460               -moz-box-sizing: border-box;
Line:461               box-sizing: border-box;
Line:462           }
Line:463           &:after{
Line:464               -webkit-box-sizing: border-box;
Line:465               -moz-box-sizing: border-box;
Line:466               box-sizing: border-box;
Line:467           }
Line:468       }
Line:469   }
Line:470   
Line:471   ul.socialLinks {
Line:472       list-style: none;
Line:473       display: inline-block;
Line:474       margin-left: 0 !important;
Line:475       padding: 0;
Line:476   
Line:477       li {
Line:478           display: inline;
Line:479           margin: 0 5px;
Line:480       }
Line:481   
Line:482       a {
Line:483           display: inline-block;
Line:484           position: relative;
Line:485           margin: 0 auto;
Line:486           text-align: center;
Line:487           width: 50px;
Line:488           height: 50px;
Line:489           font-size: 20px;
Line:490   
Line:491           &,
Line:492           &:hover i {
Line:493               color: #fff;
Line:494           }
Line:495       }
Line:496   
Line:497       i {
Line:498           margin: 0;
Line:499           line-height: 50px;
Line:500           text-align: center;
Line:501       }
Line:502   
Line:503       a.icoRss {
Line:504           background-color: @rss-color;
Line:505       }
Line:506   
Line:507       a.icoFacebook {
Line:508           background-color: @facebook-color;
Line:509       }
Line:510   
Line:511       a.icoTwitter {
Line:512           background-color: @twitter-color;
Line:513       }
Line:514   
Line:515       a.icoGoogle {
Line:516           background-color: @google-color;
Line:517       }
Line:518   
Line:519       a.icoVimeo {
Line:520           background-color: @vimeo-color;
Line:521       }
Line:522   
Line:523       a.icoLinkedin {
Line:524           background-color: @linkedin-color;
Line:525       }
Line:526   
Line:527       a.icoInstagram {
Line:528           background-color: @linkedin-color;
Line:529       }
Line:530   
Line:531       a.icoYoutube {
Line:532           background-color: @youtube-color;
Line:533       }
Line:534   
Line:535       &.socialLinks-circle-animated li a {
Line:536           border-radius: 50%;
Line:537   
Line:538           i {
Line:539               transition: all 0.8s;
Line:540           }
Line:541   
Line:542           &:hover i {
Line:543               transform: rotate(360deg);
Line:544               transition: all 0.2s;
Line:545           }
Line:546       }
Line:547   
Line:548       &.socialLinks-rounded li a {
Line:549           border-radius: 10px;
Line:550       }
Line:551   }
Line:552   
Line:553   /* Social buttons */
Line:554   .btn {
Line:555   
Line:556       &.btn-rss {
Line:557           background-color: @rss-color;
Line:558           .social-color-mixin;
Line:559           .social-icon-mixin("\f09e");
Line:560       }
Line:561   
Line:562       &.btn-facebook {
Line:563           background-color: @facebook-color;
Line:564           .social-color-mixin;
Line:565           .social-icon-mixin("\f09a");
Line:566       }
Line:567   
Line:568       &.btn-twitter {
Line:569           background-color: @twitter-color;
Line:570           .social-color-mixin;
Line:571           .social-icon-mixin("\f099");
Line:572       }
Line:573   
Line:574       &.btn-google {
Line:575           background-color: @google-color;
Line:576           .social-color-mixin;
Line:577           .social-icon-mixin("\f0d5");
Line:578       }
Line:579   
Line:580       &.btn-vimeo {
Line:581           background-color: @vimeo-color;
Line:582           .social-color-mixin;
Line:583           .social-icon-mixin("\f27d");
Line:584       }
Line:585   
Line:586       &.btn-linkedin {
Line:587           background-color: @linkedin-color;
Line:588           .social-color-mixin;
Line:589           .social-icon-mixin("\f0e1");
Line:590       }
Line:591   
Line:592       &.btn-instagram {
Line:593           background-color: @linkedin-color;
Line:594           .social-color-mixin;
Line:595           .social-icon-mixin("\f16d");
Line:596       }
Line:597   
Line:598       &.btn-youtube {
Line:599           background-color: @youtube-color;
Line:600           .social-color-mixin;
Line:601           .social-icon-mixin("\f16a");
Line:602       }
Line:603   }
Line:604   /** content.less */
Line:605   .accordionWrap .panel-title a.collapsed .panelIcon:before {
Line:606       content: "\f103";
Line:607   }
Line:608   
Line:609   .accordionWrap .panel-title a .panelIcon:before {
Line:610       content: "\f102";
Line:611   }
Line:612   
Line:613   .htmlPanel {
Line:614       min-height: 30px;
Line:615       .textEdit {
Line:616           float: left;
Line:617           display: inline-block;
Line:618           width: calc(~"100% - 100px");
Line:619           &.noIcon {
Line:620               width: 100%;
Line:621           }
Line:622       }
Line:623       .panelIconWrap {
Line:624           float: left;
Line:625           display: inline-block;
Line:626           width: 100px;
Line:627       }
Line:628       &.bg-success {
Line:629           color: @panel-success-text;
Line:630       }
Line:631       &.bg-info {
Line:632           color: @panel-info-text;
Line:633       }
Line:634       &.bg-warning {
Line:635           color: @panel-warning-text;
Line:636       }
Line:637       &.bg-danger {
Line:638           color: @panel-danger-text;
Line:639       }
Line:640   }
Line:641   
Line:642   .kratingWrap {
Line:643       &.editing {
Line:644           padding-top: 30px;
Line:645       }
Line:646   }
Line:647   
Line:648   .panel-heading {
Line:649       .collapsed {
Line:650           .panelIconCollapsed {
Line:651               display: block;
Line:652           }
Line:653           .panelIconExpanded {
Line:654               display: none;
Line:655           }
Line:656       }
Line:657       a:not(collapsed) {
Line:658           .panelIconCollapsed {
Line:659               display: none;
Line:660           }
Line:661           .panelIconExpanded {
Line:662               display: block;
Line:663           }
Line:664       }
Line:665   }
Line:666   
Line:667   .tileComponent {
Line:668       .tileImage {
Line:669           display: block;
Line:670           background-repeat: no-repeat;
Line:671           background-size: cover;
Line:672           background-position: center;
Line:673       }
Line:674   }
Line:675   
Line:676   .content-editor-page .panel-expandable-tpl {
Line:677       .panel-body {
Line:678           display: block !important;
Line:679       }
Line:680   }
Line:681   
Line:682   .panel-expandable-tpl {
Line:683       & > .panel-body {
Line:684           display: none;
Line:685       }
Line:686   }
Line:687   
Line:688   [data-type="component-menu"] {
Line:689       .navbar {
Line:690           z-index: 9;
Line:691       }
Line:692   
Line:693       @media (max-width: @screen-md-max) {
Line:694           .navbar {
Line:695               .navbar-search {
Line:696                   .navbar-form {
Line:697                       padding-top: 0;
Line:698                       padding-bottom: 0;
Line:699                       margin: 0;
Line:700                   }
Line:701   
Line:702                   .form-group {
Line:703                       width: 100%;
Line:704                   }
Line:705   
Line:706                   .input-group {
Line:707                       width: 100%;
Line:708   
Line:709                       .input-group-btn {
Line:710                           width: 1%;
Line:711                       }
Line:712                   }
Line:713   
Line:714                   .omni-search-wrapper{
Line:715                       input {
Line:716                           width: 100% !important;
Line:717                       }
Line:718                   }
Line:719               }
Line:720           }
Line:721       }
Line:722   }
Line:723   
Line:724   #menu3Navbar{
Line:725       #navbar-right{
Line:726           z-index: 1000;
Line:727           position: relative;
Line:728           .special-img {
Line:729               position: relative;
Line:730               top: -15px;
Line:731               float: left;
Line:732               left: -5px;
Line:733               height: 50px;
Line:734               width: 50px;
Line:735               border: 1px solid #ECECED;
Line:736           }
Line:737       }
Line:738       .navbar-header{
Line:739           z-index: 1000;
Line:740           position: relative;
Line:741       }
Line:742       #navbar-search{
Line:743           display: block;
Line:744           text-align: center;
Line:745           .omni-search-wrapper .omni-search-suggestions{
Line:746               width: 100%;
Line:747           }
Line:748           .omni-search-input{
Line:749               border-radius: 0 @input-border-radius @input-border-radius 0 !important;
Line:750           }
Line:751       }
Line:752   }
Line:753   
Line:754   .sliderSlickWrap{
Line:755       visibility: hidden;
Line:756       .slickItem.slick-active a:focus,
Line:757       .slickItem.slick-active:focus,
Line:758       .slickItem.slick-active a div:focus {
Line:759           outline: none;
Line:760       }
Line:761       &.slick-initialized { visibility: visible; }
Line:762       .slickItem{
Line:763           padding: 0 10px;
Line:764           &:focus{
Line:765               outline: none;
Line:766           }
Line:767       }
Line:768       .slick-arrow{
Line:769           &:before{
Line:770               color: #000;
Line:771           }
Line:772       }
Line:773       .slick-dots{
Line:774           bottom: -40px;
Line:775       }
Line:776       .slider-img{
Line:777           background-repeat: no-repeat;
Line:778           background-position: center;
Line:779       }
Line:780   }
Line:781   
Line:782   .textComponentClickable{
Line:783       cursor: pointer;
Line:784   }
Line:785   
Line:786   .media-body {
Line:787       .pull-right {
Line:788           .label {
Line:789               a {
Line:790                   color: inherit;
Line:791               }
Line:792           }
Line:793       }
Line:794   }
Line:795   /** comment.less */
Line:796   .comment {
Line:797       .clearfix;
Line:798       margin-bottom: 10px;
Line:799       padding-bottom: 10px;
Line:800       
Line:801       .comment-user {
Line:802           float: left;
Line:803           margin-right: 8px;
Line:804           width: 52px;
Line:805       }
Line:806       
Line:807       .comment-user-pic {
Line:808           img {
Line:809               display: block;
Line:810               height: 52px;
Line:811               border-radius: 50%;
Line:812               box-shadow: 0 0 1px #000;
Line:813           }
Line:814       }
Line:815       
Line:816       .comment-user-name {
Line:817           font-weight: bold;
Line:818       }
Line:819       
Line:820       .comment-detail {
Line:821           margin: 0 0 5px 60px;
Line:822       }
Line:823       
Line:824       .comment-content {
Line:825           margin: 0;
Line:826       }
Line:827       
Line:828       .comment-reply {
Line:829           margin-right: 5px;
Line:830       }
Line:831       
Line:832       .comment-replies-wrapper {
Line:833           margin-top: 10px;
Line:834       }
Line:835       
Line:836       &.comment-sub {
Line:837           border-bottom: none;
Line:838           padding-bottom: 0;
Line:839           padding-top: 10px;
Line:840           clear: both;
Line:841       }
Line:842   }
Line:843   
Line:844   .panel-recent-posts {
Line:845       .comment {
Line:846           margin-bottom: 0;
Line:847           padding-bottom: 0;
Line:848       }
Line:849       
Line:850       .comment + .comment {
Line:851           border-top: 1px solid lighten(@input-border, 5%);
Line:852           margin-top: 10px;
Line:853           padding-top: 10px;
Line:854       }
Line:855   }
Line:856   
Line:857   /** myForum.less */
Line:858   .questionNotes{
Line:859       min-height: 60px;
Line:860   }
Line:861   .forumQuestionWrap{
Line:862       padding: 5px 15px;
Line:863   }
Line:864   /** ktoolbar.less */
Line:865   @ktoolbar-brand: #000;
Line:866   @ktoolbar-z-index: 999999;
Line:867   @ktoolbar-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
Line:868   @ktoolbar-link-color: #fff;
Line:869   
Line:870   #ktoolbar {
Line:871       position: fixed;
Line:872       left: 0;
Line:873       top: -40px;
Line:874       width: 100%;
Line:875       height: 40px;
Line:876       background: @ktoolbar-brand;
Line:877       z-index: @ktoolbar-z-index;
Line:878       transition: top ease-in-out 250ms;
Line:879       font: 14px/1.428571429 "Helvetica Neue", Helvetica, Arial, sans-serif;
Line:880   
Line:881       button.dropdown-toggle {
Line:882           padding-top: 7px;
Line:883           padding-bottom: 7px;
Line:884       }
Line:885   
Line:886       &.showed {
Line:887           top: 0;
Line:888           -webkit-box-shadow: @ktoolbar-box-shadow;
Line:889           box-shadow: @ktoolbar-box-shadow;
Line:890       }
Line:891   
Line:892       .ktoolbar-btn {
Line:893           color: @ktoolbar-link-color;
Line:894           padding: 5px 10px;
Line:895           font-size: 20px;
Line:896           line-height: 1.5;
Line:897           display: inline-block;
Line:898           height: 40px;
Line:899           background: transparent;
Line:900           border: 0;
Line:901   
Line:902           &.dropdown-toggle {
Line:903               padding: 5px 10px 5px 0;
Line:904   
Line:905               .caret {
Line:906                   position: relative;
Line:907                   top: -2px;
Line:908               }
Line:909           }
Line:910       }
Line:911   
Line:912       .ktoolbar-btns-right {
Line:913           float: right;
Line:914       }
Line:915   
Line:916       .ktoolbarToggle {
Line:917           border-radius: 0 0 3px 3px;
Line:918           background-color: @ktoolbar-brand;
Line:919           color: #fff;
Line:920           padding: 1px;
Line:921           margin-top: -2px;
Line:922           -webkit-box-shadow: @ktoolbar-box-shadow;
Line:923           box-shadow: @ktoolbar-box-shadow;
Line:924           border: 0;
Line:925           position: absolute;
Line:926           bottom: -22px;
Line:927           left: 50%;
Line:928           width: 24px;
Line:929           margin-left: -12px;
Line:930           height: 22px;
Line:931           text-align: center;
Line:932           cursor: pointer;
Line:933       }
Line:934   }
Line:935   
Line:936   #ktoolbar-sidebar {
Line:937       background: #fff;
Line:938       border-left: 1px solid #ccc;
Line:939       z-index: @ktoolbar-z-index;
Line:940       transition: all ease-in-out 250ms;
Line:941       font: 14px/1.428571429 "Helvetica Neue", Helvetica, Arial, sans-serif;
Line:942       top: 0;
Line:943       bottom: 0;
Line:944       right: -360px;
Line:945       width: 360px;
Line:946       position: fixed;
Line:947       -webkit-box-shadow: @ktoolbar-box-shadow;
Line:948       box-shadow: @ktoolbar-box-shadow;
Line:949   
Line:950       &.showed {
Line:951           right: 0;
Line:952       }
Line:953   
Line:954       #ktoolbar.showed + & {
Line:955           top: 30px;
Line:956       }
Line:957   
Line:958       .sidebar-title {
Line:959           padding: 5px 15px;
Line:960           background: #000;
Line:961           color: #fff;
Line:962           font-size: 14px;
Line:963           font-weight: bold;
Line:964           line-height: 22px;
Line:965       }
Line:966   
Line:967       .sidebar-content {
Line:968           height: ~"calc(100% - 32px - 52px)";
Line:969           overflow-y: scroll;
Line:970           overflow-x: hidden;
Line:971           padding: 15px 15px 0;
Line:972   
Line:973           .form-horizontal {
Line:974               .colorpicker-container {
Line:975                   position: relative;
Line:976               }
Line:977   
Line:978               .control-label,
Line:979               .form-control {
Line:980                   font: 12px/1.428571429 "Helvetica Neue", Helvetica, Arial, sans-serif;
Line:981                   color: #222;
Line:982               }
Line:983   
Line:984               .control-label {
Line:985                   text-align: left;
Line:986               }
Line:987   
Line:988   
Line:989               .text-muted {
Line:990                   color: #ccc;
Line:991               }
Line:992   
Line:993               hr {
Line:994                   margin: 20px 0;
Line:995               }
Line:996           }
Line:997       }
Line:998   
Line:999       .sidebar-action {
Line:1000           padding: 10px 15px;
Line:1001           background: #f0f0f0;
Line:1002           border-top: 1px solid #ccc;
Line:1003   
Line:1004           button {
Line:1005               border: 1px solid #ddd;
Line:1006               padding: 6px 12px;
Line:1007               display: inline-block;
Line:1008               vertical-align: middle;
Line:1009               border-radius: 0;
Line:1010               font-size: 12px;
Line:1011   
Line:1012               &.btn-save {
Line:1013                   background: @ktoolbar-brand;
Line:1014                   color: #fff;
Line:1015               }
Line:1016   
Line:1017               &.btn-close {
Line:1018                   background: #fff;
Line:1019                   color: @ktoolbar-brand;
Line:1020                   padding: 4px 8px;
Line:1021               }
Line:1022           }
Line:1023       }
Line:1024   }
Line:1025   
Line:1026   #btn-translate {
Line:1027       position: absolute;
Line:1028       z-index: 999999;
Line:1029       display: none;
Line:1030   }
Line:1031   
Line:1032   @media (max-width: 767px) {
Line:1033       #ktoolbar {
Line:1034           display: none;
Line:1035       }
Line:1036   }
Line:1037   
Line:1038   /** modulePage.less */
Line:1039   .modulePage {
Line:1040       .commentContainer {
Line:1041           textarea {
Line:1042               width: 100%;
Line:1043           }
Line:1044       }
Line:1045       
Line:1046       iframe {
Line:1047           width: 100% !important;
Line:1048       }
Line:1049       
Line:1050       .module-container {
Line:1051           position: relative;
Line:1052           min-height: 300px;
Line:1053           
Line:1054           .navbar {
Line:1055               margin-bottom: 0;
Line:1056           }
Line:1057       }
Line:1058   }
Line:1059   
Line:1060   .panel.panel-module-page-toolbar {
Line:1061       box-shadow: none;
Line:1062       
Line:1063       .panel-heading {
Line:1064           border-bottom: 0 !important;
Line:1065       }
Line:1066       
Line:1067       .btn {
Line:1068           color: @text-color;
Line:1069           
Line:1070           > * {
Line:1071               display: inline-block;
Line:1072               vertical-align: middle;
Line:1073               
Line:1074               + * {
Line:1075                   margin-left: 5px;
Line:1076               }
Line:1077           }
Line:1078       }
Line:1079   }
Line:1080   
Line:1081   .module-pages {
Line:1082       .modPage {
Line:1083           i {
Line:1084               font-size: 1.4em;
Line:1085               vertical-align: text-bottom;
Line:1086           }
Line:1087           
Line:1088           .fa-check-circle {
Line:1089               display: none;
Line:1090           }
Line:1091       }
Line:1092       .modPage.active{
Line:1093           font-weight: bold;
Line:1094           color: @btn-primary-color;
Line:1095           background-color: @brand-primary;
Line:1096       }
Line:1097       .modPage.completed {
Line:1098           .fa-circle-o {
Line:1099               display: none;
Line:1100           }
Line:1101           
Line:1102           .fa-check-circle {
Line:1103               display: inline-block;
Line:1104           }
Line:1105       }
Line:1106   }
Line:1107   
Line:1108   ul.tools {
Line:1109       list-style-type: none;
Line:1110       margin: 0;
Line:1111       li {
Line:1112           display: block;
Line:1113       }
Line:1114       li.modPerc {
Line:1115           float: left;
Line:1116           font-size: 200%;
Line:1117       }
Line:1118   }
Line:1119   
Line:1120   .modulePage .panelBox ol ol {
Line:1121       list-style-type: none;
Line:1122       margin-left: -6px;
Line:1123   }
Line:1124   
Line:1125   body.edifyIsEditMode div.pages {
Line:1126       display: none;
Line:1127   }
Line:1128   
Line:1129   a.disabled {
Line:1130       opacity: 0.5;
Line:1131       cursor: default;
Line:1132   }
Line:1133   
Line:1134   ol.quiz {
Line:1135       > li {
Line:1136           font-size: 24px;
Line:1137           color: @brand-info;
Line:1138           vertical-align: top;
Line:1139           position: relative;
Line:1140           font-weight: bold;
Line:1141           
Line:1142           > * {
Line:1143               margin: 5px 0 0;
Line:1144               color: @text-color;
Line:1145               font-size: 14px;
Line:1146               font-weight: normal;
Line:1147           }
Line:1148           
Line:1149           > *:first-child {
Line:1150               margin-top: 0;
Line:1151           }
Line:1152           
Line:1153           > h3 {
Line:1154               font-size: 24px;
Line:1155               color: @brand-info;
Line:1156           }
Line:1157       }
Line:1158       
Line:1159       ol {
Line:1160           li {
Line:1161               clear: both;
Line:1162               margin-top: 10px;
Line:1163               position: relative;
Line:1164               padding-left: 20px;
Line:1165               
Line:1166               input {
Line:1167                   position: absolute;
Line:1168                   margin: 4px 0 0 -20px;
Line:1169               }
Line:1170               
Line:1171               label {
Line:1172                   display: block;
Line:1173               }
Line:1174           }
Line:1175       }
Line:1176       
Line:1177       li.error {
Line:1178           .alert();
Line:1179           .alert-danger();
Line:1180       }
Line:1181   }
Line:1182   
Line:1183   .when-complete, .when-not-complete {
Line:1184       display: none;
Line:1185   }
Line:1186   
Line:1187   #moduleActivityChart .nv-legend-text {
Line:1188       fill: #FFF;
Line:1189   }
Line:1190   
Line:1191   input.error,
Line:1192   textarea.error,
Line:1193   select.error {
Line:1194       color: #b94a48;
Line:1195       border-color: #ee5f5b;
Line:1196       &:focus {
Line:1197           border-color: darken(#ee5f5b, 10%);
Line:1198           .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
Line:1199       }
Line:1200   }
Line:1201   /** myLearning.less */
Line:1202   .course-picker-wrapper {
Line:1203       z-index: 9999;
Line:1204       margin-bottom: 15px;
Line:1205       
Line:1206       .dropdown-menu {
Line:1207           width: @container-md / 3 * 2;
Line:1208           padding: 15px;
Line:1209           
Line:1210           @media (min-width: @screen-lg) {
Line:1211               width: @container-lg / 3 * 2;
Line:1212           }
Line:1213           
Line:1214           @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
Line:1215               width: @container-sm;
Line:1216           }
Line:1217           
Line:1218           @media (max-width: @screen-xs-max) {
Line:1219               width: 100%;
Line:1220           }
Line:1221           
Line:1222           p {
Line:1223               font-weight: bold;
Line:1224               font-size: @font-size-large;
Line:1225               margin: 0 0 5px;
Line:1226           }
Line:1227           
Line:1228           li {
Line:1229               div {
Line:1230                   min-height: 100px;
Line:1231               }
Line:1232               
Line:1233               .loading {
Line:1234                   background: url('static/images/loading.gif') 50% 50% no-repeat;
Line:1235               }
Line:1236               
Line:1237               a {
Line:1238                   display: block;
Line:1239                   padding: @padding-base-vertical @padding-base-horizontal;
Line:1240                   text-decoration: none;
Line:1241                   background: #fcfcfc;
Line:1242                   color: @text-color;
Line:1243                   
Line:1244                   + a {
Line:1245                       margin-top: 2px;
Line:1246                   }
Line:1247               }
Line:1248               
Line:1249               .active {
Line:1250                   color: #fff;
Line:1251                   background: @brand-info;
Line:1252               }
Line:1253           }
Line:1254       }
Line:1255   }
Line:1256   
Line:1257   .module-wrapper-list {
Line:1258       .module {
Line:1259           border-bottom: 1px solid #e4e4e7;
Line:1260           background: #fff;
Line:1261       }
Line:1262       
Line:1263       &:first-child {
Line:1264           .module {
Line:1265               border-top: 1px solid #e4e4e7;
Line:1266           }
Line:1267       }
Line:1268       
Line:1269       .modules-list-1 & {
Line:1270           &:nth-child(2n) {
Line:1271               .module {
Line:1272                   background: #f6f6f8;
Line:1273               }
Line:1274           }
Line:1275       }
Line:1276       
Line:1277       .modules-list-2 & {
Line:1278           &:nth-child(2n+1) {
Line:1279               clear: both;
Line:1280           }
Line:1281           
Line:1282           &:nth-child(4n+3),
Line:1283           &:nth-child(4n+3) + .module-wrapper-list {
Line:1284               .module {
Line:1285                   background: #f6f6f8;
Line:1286               }
Line:1287           }
Line:1288       }
Line:1289       
Line:1290       .modules-list-3 & {
Line:1291           &:nth-child(3n+1) {
Line:1292               clear: both;
Line:1293           }
Line:1294           
Line:1295           &:nth-child(6n+4),
Line:1296           &:nth-child(6n+4) + .module-wrapper-list,
Line:1297           &:nth-child(6n+4) + .module-wrapper-list + .module-wrapper-list {
Line:1298               .module {
Line:1299                   background: #f6f6f8;
Line:1300               }
Line:1301           }
Line:1302       }
Line:1303       
Line:1304       .modules-list-4 & {
Line:1305           &:nth-child(4n+1) {
Line:1306               clear: both;
Line:1307           }
Line:1308           
Line:1309           &:nth-child(8n+5),
Line:1310           &:nth-child(8n+5) + .module-wrapper-list,
Line:1311           &:nth-child(8n+5) + .module-wrapper-list + .module-wrapper-list,
Line:1312           &:nth-child(8n+5) + .module-wrapper-list + .module-wrapper-list + .module-wrapper-list {
Line:1313               .module {
Line:1314                   background: #f6f6f8;
Line:1315               }
Line:1316           }
Line:1317       }
Line:1318       
Line:1319       @media (max-width: 767px) {
Line:1320           .module {
Line:1321               background: #fff !important;
Line:1322           }
Line:1323           
Line:1324           &:nth-child(2n) {
Line:1325               .module {
Line:1326                   background: #f6f6f8 !important;
Line:1327               }
Line:1328           }
Line:1329       }
Line:1330   }
Line:1331   
Line:1332   .module-wrapper-grid {
Line:1333       > a {
Line:1334           display: block;
Line:1335           color: #fff !important;
Line:1336           text-decoration: none !important;
Line:1337       }
Line:1338   }
Line:1339   
Line:1340   .module {
Line:1341       .clearfix;
Line:1342       position: relative;
Line:1343       padding: 25px;
Line:1344       
Line:1345       .module-thumb {
Line:1346           position: absolute;
Line:1347           top: 25px;
Line:1348           bottom: 25px;
Line:1349           left: 25px;
Line:1350           width: 160px;
Line:1351           z-index: 1;
Line:1352           
Line:1353           > * {
Line:1354               width: 100%;
Line:1355               height: 100%;
Line:1356               background: no-repeat 50% 50%;
Line:1357               background-size: cover;
Line:1358               display: block;
Line:1359           }
Line:1360       }
Line:1361       
Line:1362       .module-body {
Line:1363           padding: 0 0 0 20px;
Line:1364           position: relative;
Line:1365           margin-left: 160px;
Line:1366           
Line:1367           h4 {
Line:1368               margin-top: 0;
Line:1369           }
Line:1370       }
Line:1371       
Line:1372       .module-progress {
Line:1373           background: @brand-info;
Line:1374           position: absolute;
Line:1375           top: 0;
Line:1376           left: 0;
Line:1377           height: 5px;
Line:1378           z-index: 10;
Line:1379       }
Line:1380       
Line:1381       .module-time,
Line:1382       .module-cpd,
Line:1383       .module-point {
Line:1384           .small;
Line:1385           float: left;
Line:1386           margin-right: 20px;
Line:1387           
Line:1388           i {
Line:1389               margin-right: 5px;
Line:1390           }
Line:1391       }
Line:1392       
Line:1393       .dashboard-modules-page & {
Line:1394           padding: 40px;
Line:1395   
Line:1396           .module-thumb {
Line:1397               width: 250px;
Line:1398               top: 0;
Line:1399               bottom: 15px;
Line:1400               left: 5px;
Line:1401           }
Line:1402           
Line:1403           .module-body {
Line:1404               padding: 0 0 0 30px;
Line:1405               margin-left: 250px;
Line:1406           }
Line:1407   
Line:1408           @media (max-width: 767px) {
Line:1409               padding: 0;
Line:1410   
Line:1411               .module-thumb {
Line:1412                   position: static;
Line:1413                   width: auto;
Line:1414   
Line:1415                   > * {
Line:1416                       height: auto;
Line:1417                       padding-bottom: 56.25%;
Line:1418                   }
Line:1419               }
Line:1420   
Line:1421               .module-body {
Line:1422                   margin-left: 0;
Line:1423                   padding: 15px;
Line:1424               }
Line:1425           }
Line:1426       }
Line:1427   }
Line:1428   
Line:1429   .module.module-grid {
Line:1430       overflow: hidden;
Line:1431       min-height: 200px;
Line:1432       color: #fff;
Line:1433       text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
Line:1434       padding: 0;
Line:1435       margin-bottom: 30px;
Line:1436       
Line:1437       .module-body {
Line:1438           background: @brand-primary;
Line:1439           padding: 25px;
Line:1440           position: absolute;
Line:1441           right: 0;
Line:1442           left: 0;
Line:1443           bottom: 0;
Line:1444           margin: 0;
Line:1445           z-index: 3;
Line:1446           
Line:1447           .module-progress {
Line:1448               top: 0;
Line:1449               bottom: auto;
Line:1450           }
Line:1451       }
Line:1452       
Line:1453       .module-thumb {
Line:1454           top: 0;
Line:1455           left: 0;
Line:1456           right: 0;
Line:1457           bottom: 0;
Line:1458           width: auto;
Line:1459       }
Line:1460       
Line:1461       .module-progress {
Line:1462           top: auto;
Line:1463           bottom: 0;
Line:1464       }
Line:1465       
Line:1466       &:before {
Line:1467           position: absolute;
Line:1468           top: 0;
Line:1469           left: 0;
Line:1470           bottom: 0;
Line:1471           right: 0;
Line:1472           z-index: 2;
Line:1473           background: url('/theme/apps/learner/bg_module_overlay.png') repeat-x 0 100%;
Line:1474           content: '';
Line:1475           display: block;
Line:1476       }
Line:1477       
Line:1478       &.module-full-height-thumb {
Line:1479           .module-body {
Line:1480               background: transparent;
Line:1481               
Line:1482               .module-progress {
Line:1483                   top: auto;
Line:1484                   bottom: 0;
Line:1485               }
Line:1486           }
Line:1487       }
Line:1488       
Line:1489       @media (max-width: 767px) {
Line:1490           height: auto !important;
Line:1491           
Line:1492           &:before {
Line:1493               display: none;
Line:1494           }
Line:1495           
Line:1496           .module-thumb {
Line:1497               position: static;
Line:1498               
Line:1499               > span {
Line:1500                   display: none;
Line:1501               }
Line:1502               
Line:1503               > img {
Line:1504                   padding: 0;
Line:1505               }
Line:1506           }
Line:1507           
Line:1508           .module-body {
Line:1509               position: static;
Line:1510               padding: 15px;
Line:1511               background: @brand-primary !important;
Line:1512           }
Line:1513       }
Line:1514   }
Line:1515   
Line:1516   .panel-body.pages-wrapper {
Line:1517       .pages {
Line:1518           margin-bottom: 0;
Line:1519       }
Line:1520   }
Line:1521   
Line:1522   .course-list{
Line:1523       padding-left: 15px;
Line:1524       padding-right: 15px;
Line:1525       .module-count{
Line:1526           display: block;
Line:1527           margin-top: 10px;
Line:1528           margin-bottom: 10px;
Line:1529       }
Line:1530       .course{
Line:1531           margin-top: 20px;
Line:1532           margin-bottom: 20px;
Line:1533       }
Line:1534       .course-image{
Line:1535           height: 190px;
Line:1536           width: 300px; 
Line:1537           background-size: cover;
Line:1538           background-repeat: no-repeat;
Line:1539           display: block;
Line:1540           background-position: 50% 50%;
Line:1541       }
Line:1542       .course-status{
Line:1543           text-align: right;
Line:1544       }
Line:1545   }
Line:1546   
Line:1547   .course-grid{
Line:1548       .course-cells{
Line:1549           padding-left:0;
Line:1550           list-style: none;
Line:1551   
Line:1552           .course-thumb{
Line:1553               .course-image{
Line:1554                   background-position: 50% 50%;
Line:1555                   background-repeat:no-repeat;
Line:1556                   background-size: cover;
Line:1557                   height: 300px;
Line:1558                   background-size: cover;
Line:1559                   background-repeat: no-repeat;
Line:1560                   display: block;
Line:1561                   background-position: 50% 50%;
Line:1562               }
Line:1563           }
Line:1564   
Line:1565           .module-count{
Line:1566               display: block;
Line:1567               margin-top: 10px;
Line:1568               margin-bottom: 10px;
Line:1569           }
Line:1570           .course-status{
Line:1571               text-align: right;
Line:1572               margin-top: 8px;
Line:1573           }
Line:1574           
Line:1575           .course{
Line:1576               margin: 20px 0px;
Line:1577           }
Line:1578       }
Line:1579   }
Line:1580   
Line:1581   @media (max-width: @screen-xs-max) { 
Line:1582       .course-list{
Line:1583           .course-image{
Line:1584               width: 100%;   
Line:1585               height: 180px; 
Line:1586           }
Line:1587           .course-status{
Line:1588               text-align: left;
Line:1589           }
Line:1590       }
Line:1591   }
Line:1592   /** modulesTile.less */
Line:1593   .module-tile {
Line:1594       h3 {
Line:1595           margin-top: 0;
Line:1596       }
Line:1597       
Line:1598       .module-tile-point {
Line:1599           position: absolute;
Line:1600           top: 0;
Line:1601           right: 0;
Line:1602           background: @brand-primary;
Line:1603           height: 30px;
Line:1604           line-height: 30px;
Line:1605           padding: 0 12px;
Line:1606           font-size: 15px;
Line:1607       }
Line:1608       
Line:1609       .module-tile-action {
Line:1610           margin-top: 20px;
Line:1611       }
Line:1612   }
Line:1613   /** moduleStatuses.less */
Line:1614   .panel-heading {
Line:1615       .btn-sort.btn-group.pull-right{
Line:1616           margin-top: -7px;
Line:1617       }
Line:1618   }
Line:1619   /** learner-reporting.less */
Line:1620   .reporting-course-picker {
Line:1621       z-index: 9999;
Line:1622       margin-bottom: 15px;
Line:1623   
Line:1624       .dropdown-menu {
Line:1625           width: @container-md / 3 * 2;
Line:1626           padding: 15px;
Line:1627   
Line:1628           @media (min-width: @screen-lg) {
Line:1629               width: @container-lg / 3 * 2;
Line:1630           }
Line:1631   
Line:1632           @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
Line:1633               width: @container-sm;
Line:1634           }
Line:1635   
Line:1636           @media (max-width: @screen-xs-max) {
Line:1637               width: 100%;
Line:1638           }
Line:1639   
Line:1640           p {
Line:1641               font-weight: bold;
Line:1642               font-size: @font-size-large;
Line:1643               margin: 0 0 5px;
Line:1644           }
Line:1645   
Line:1646           li {
Line:1647               div {
Line:1648                   min-height: 100px;
Line:1649               }
Line:1650   
Line:1651               .loading {
Line:1652                   background: url('/theme/images/loading.gif') 50% 50% no-repeat;
Line:1653               }
Line:1654   
Line:1655               a {
Line:1656                   display: block;
Line:1657                   padding: @padding-base-vertical @padding-base-horizontal;
Line:1658                   text-decoration: none;
Line:1659                   background: #fcfcfc;
Line:1660                   color: @text-color;
Line:1661   
Line:1662                   + a {
Line:1663                       margin-top: 2px;
Line:1664                   }
Line:1665               }
Line:1666   
Line:1667               .active {
Line:1668                   color: #fff;
Line:1669                   background: @brand-info;
Line:1670               }
Line:1671           }
Line:1672       }
Line:1673       .course-picker-toggler {
Line:1674           max-width: 100%;
Line:1675           .course-picker-text{
Line:1676               max-width: calc( 100% - 10px );
Line:1677               -ms-text-overflow: ellipsis;
Line:1678               white-space: nowrap;
Line:1679               overflow-x: hidden;
Line:1680               text-overflow: ellipsis;
Line:1681               display: inline-block;
Line:1682               float: left;
Line:1683           }
Line:1684           .caret{
Line:1685               display: inline-block;
Line:1686               float: left;
Line:1687               top: 7px;
Line:1688               position: relative;
Line:1689               text-align: center;
Line:1690               margin-left: 2px;
Line:1691           }
Line:1692       }
Line:1693       .ajaxLoading{
Line:1694           cursor: not-allowed;
Line:1695           color: #bbb;
Line:1696       }
Line:1697   }
Line:1698   
Line:1699   
Line:1700   .module-info-panel {
Line:1701       color: #fff !important;
Line:1702       border: 1px solid #dedede;
Line:1703       margin-bottom: 20px;
Line:1704       .expiry-text-container {
Line:1705           background-color: #d31247;
Line:1706           padding: 10px 0px 10px 20px;
Line:1707       }
Line:1708       .row {
Line:1709           display: flex;
Line:1710       }
Line:1711       p {
Line:1712           text-transform: uppercase;
Line:1713           margin: 0;
Line:1714           font-size: 2.2rem;
Line:1715       }
Line:1716       img {
Line:1717           background-color: unset !important;
Line:1718           width: 100%;
Line:1719       }
Line:1720   }
Line:1721   /** myInbox.less */
Line:1722   .panel-heading {
Line:1723       border-bottom: 1px solid #ddd !important;
Line:1724   }
Line:1725   /** store-dashboard.less */
Line:1726   #cates-list .cate-item .embed-responsive-item,
Line:1727   [id*="products-list"] .product-item .embed-responsive-item,
Line:1728   .products-list .product-item .embed-responsive-item,
Line:1729   .product-images .product-item .embed-responsive-item {
Line:1730       background: no-repeat 50% 50%;
Line:1731       background-size: contain;
Line:1732   }
Line:1733   
Line:1734   .variant-name {
Line:1735       text-align: left !important;
Line:1736   }
Line:1737   
Line:1738   #cart-link div {
Line:1739       padding: 8px 15px;
Line:1740   }
Line:1741   
Line:1742   [id*="products-list"] .product-item .product-content,
Line:1743   .products-list .product-item .product-content {
Line:1744       min-height: 10px;
Line:1745   }
Line:1746   
Line:1747   .products-list {
Line:1748       min-height: 200px;
Line:1749   }
Line:1750   
Line:1751   .ecomStoreCategoryProductsComponent {
Line:1752       .product-item {
Line:1753           margin-bottom: 40px;
Line:1754           .thumbnail {
Line:1755               padding: 0;
Line:1756               border: 0;
Line:1757           }
Line:1758           .product-info {
Line:1759               border: 1px solid @gray-light;
Line:1760               border-bottom: 0;
Line:1761               padding: 20px;
Line:1762               text-align: center;
Line:1763           }
Line:1764           .product-title {
Line:1765               font-size: 25px;
Line:1766               margin: 0 0 30px;
Line:1767               font-weight: 300;
Line:1768               min-height: 55px;
Line:1769           }
Line:1770           .product-content {
Line:1771               margin-top: 10px;
Line:1772           }
Line:1773           .caption {
Line:1774               position: relative;
Line:1775               background: #fff;
Line:1776               height: 65px;
Line:1777               h3, a {
Line:1778                   position: absolute;
Line:1779                   top: 0;
Line:1780                   bottom: 0;
Line:1781                   color: #fff;
Line:1782               }
Line:1783               h3 {
Line:1784                   left: 0;
Line:1785                   right: 0;
Line:1786                   margin: 0;
Line:1787               }
Line:1788               a {
Line:1789                   right: 0;
Line:1790                   width: 67px;
Line:1791                   border: 0;
Line:1792                   -webkit-border-radius:0;
Line:1793                   -moz-border-radius:0;
Line:1794                   border-radius:0;
Line:1795                   i {
Line:1796                       font-size: 28px;
Line:1797                       position: absolute;
Line:1798                       top: 0;
Line:1799                       left: 0;
Line:1800                       width: 100%;
Line:1801                       text-align: center;
Line:1802                       top: 50%;
Line:1803                       transform: translate(0, -50%);
Line:1804                   }
Line:1805               }
Line:1806               .product-price {
Line:1807                   font-size: 24px;
Line:1808                   font-weight: 300;
Line:1809                   padding-top: 20px;
Line:1810                   small {
Line:1811                       color: inherit;
Line:1812                       font-size: 12px;
Line:1813                       display: block;
Line:1814                       font-weight: 400;
Line:1815                       padding-top: 3px;
Line:1816                   }
Line:1817               }
Line:1818           }
Line:1819       }
Line:1820       .product-variants{
Line:1821           background: #f6f6f8;
Line:1822           border: 1px solid #e2e2e5;
Line:1823           padding: 15px 15px 0;
Line:1824           margin-bottom: 0;
Line:1825       }
Line:1826   }
Line:1827   
Line:1828   #cates-list {
Line:1829       .cate-item {
Line:1830           display: block;
Line:1831           margin-bottom: 20px;
Line:1832           border: 1px solid #e3e3e6;
Line:1833           text-decoration: none;
Line:1834           .embed-responsive-item {
Line:1835               background-size: cover;
Line:1836           }
Line:1837           .cate-title {
Line:1838               white-space: nowrap;
Line:1839               overflow: hidden;
Line:1840               text-overflow: ellipsis;
Line:1841               font-size: 25px;
Line:1842               font-weight: 300;
Line:1843               padding: 25px 20px;
Line:1844               color: #fff;
Line:1845               margin-top: 0;
Line:1846               margin-bottom: 0;
Line:1847           }
Line:1848       }
Line:1849   }
Line:1850   
Line:1851   .ecomStoreCategoriesList,
Line:1852   .facetSearchTerm {
Line:1853       i.fa-angle-right {
Line:1854           display: none;
Line:1855       }
Line:1856       .selected {
Line:1857           background: @gray-lighter !important;
Line:1858           border: 1px solid @gray-light !important;
Line:1859           margin-bottom: 0;
Line:1860           i.fa-angle-right {
Line:1861               display: inline-block;
Line:1862               font-size: larger;
Line:1863               margin-top: 1px;
Line:1864   
Line:1865           }
Line:1866       }
Line:1867       .heading-item {
Line:1868           padding-left: 0;
Line:1869           border-bottom: 1px solid @gray-light !important;
Line:1870           margin-bottom: 6px;
Line:1871           font-size: 20px;
Line:1872           font-weight: 700;
Line:1873       }
Line:1874   }
Line:1875   
Line:1876   #product-search {
Line:1877       margin-bottom: 20px;
Line:1878   }
Line:1879   
Line:1880   .btn-decrease-quantity, .btn-increase-quantity {
Line:1881       border-left-width: 1px !important;
Line:1882   }
Line:1883   
Line:1884   .recentlyViewedRewardProducts {
Line:1885       padding-left: 0;
Line:1886       .slickItem {
Line:1887           .embed-responsive-item {
Line:1888               background-position: center;
Line:1889               background-size: cover;
Line:1890           }
Line:1891       }
Line:1892       .slick-prev::before,
Line:1893       .slick-next::before {
Line:1894           color: @brand-primary;
Line:1895       }
Line:1896   }
Line:1897   
Line:1898   .products-list .product-price {
Line:1899       background: @brand-info;
Line:1900   }
Line:1901   /** kcom2.less */
Line:1902   #product-tools {
Line:1903       .product-filter {
Line:1904           float: right;
Line:1905           position: relative;
Line:1906           z-index: 2;
Line:1907           margin: 30px 0 20px;
Line:1908           padding: 1px 0;
Line:1909           background: #fff;
Line:1910       }
Line:1911   
Line:1912       .product-filter > * {
Line:1913           float: left;
Line:1914           margin-left: 10px;
Line:1915       }
Line:1916   
Line:1917       .breadcrumb {
Line:1918           position: relative;
Line:1919           z-index: 1;
Line:1920       }
Line:1921   }
Line:1922   
Line:1923   #products-list {
Line:1924       overflow: hidden;
Line:1925   }
Line:1926   
Line:1927   .kcom2Product {
Line:1928       .product-info{
Line:1929           margin-top: 38px;
Line:1930           margin-bottom: 20px;
Line:1931       }
Line:1932       .product-price {
Line:1933           padding: 10px 0;
Line:1934           margin-top: 11px;
Line:1935           position: relative;
Line:1936           color: #fff;
Line:1937       }
Line:1938       .slick-arrow {
Line:1939           position: absolute;
Line:1940           top: 0;
Line:1941           width: 20px;
Line:1942           height: 100%;
Line:1943           font-size: 26px;
Line:1944           color: #333333;
Line:1945           z-index: 1;
Line:1946           background: rgba(255, 255, 255, 0.6);
Line:1947           border: none;
Line:1948           &:hover, &:focus{
Line:1949               color: #333333 !important;
Line:1950           }
Line:1951           &:before{
Line:1952               display: none
Line:1953           }
Line:1954       }
Line:1955   
Line:1956       //.slick-arrow i {
Line:1957       //  position: absolute;
Line:1958       //  width: 100%;
Line:1959       //  height: 30px;
Line:1960       //  line-height: 30px;
Line:1961       //  top: 50%;
Line:1962       //  margin-top: -15px;
Line:1963       //  text-align: center;
Line:1964       //}
Line:1965   
Line:1966       .slick-arrow.slick-prev {
Line:1967           left: 1px;
Line:1968           border-width: 1px 0 1px 1px;
Line:1969       }
Line:1970   
Line:1971       .slick-arrow.slick-next {
Line:1972           right: 1px;
Line:1973           border-width: 1px 1px 1px 0;
Line:1974       }
Line:1975   
Line:1976       .slick-arrow.slick-disabled {
Line:1977           background: none;
Line:1978           color: transparent;
Line:1979           cursor: default;
Line:1980           width: 1px;
Line:1981           overflow: hidden;
Line:1982       }
Line:1983   
Line:1984       .slick-arrow:focus {
Line:1985           outline: none;
Line:1986       }
Line:1987       .param-title {
Line:1988           display: block;
Line:1989           padding-top: 5px;
Line:1990           text-transform: capitalize;
Line:1991       }
Line:1992   
Line:1993       .img-options-list{
Line:1994       	.item-option{
Line:1995       		display: inline-block;
Line:1996       		padding: 3px;
Line:1997       		a{
Line:1998       			display: block;
Line:1999       			border: 2px solid transparent;
Line:2000       			text-decoration: none;
Line:2001       			&:hover{
Line:2002   		            text-decoration: none;
Line:2003   		        }
Line:2004   		        &.active{
Line:2005   		        	border-color:  @brand-info;
Line:2006   		        }
Line:2007       		}
Line:2008       		img {
Line:2009   	            height: 25px;
Line:2010   	        }
Line:2011       	}
Line:2012       }
Line:2013       .slickItem.slick-active a:focus,
Line:2014       .slickItem.slick-active:focus,
Line:2015       .slickItem.slick-active a div:focus {
Line:2016           outline: none;
Line:2017       }
Line:2018       .slick-slider{
Line:2019           visibility: hidden;
Line:2020           &.slick-initialized { visibility: visible; }
Line:2021       }
Line:2022   }
Line:2023   
Line:2024   .kcom2ProductListHolder{
Line:2025       min-height: 500px;
Line:2026   }
Line:2027   
Line:2028   #kcom2ShippingForm{
Line:2029       .twitter-typeahead{
Line:2030           display: block;
Line:2031       }
Line:2032   }
Line:2033   
Line:2034   #ecomItemsTable, .ecomItemsTable {
Line:2035       .item-row {
Line:2036           margin: 0;
Line:2037           padding: 5px 0;
Line:2038   
Line:2039           &  + .item-row {
Line:2040               border-top: 1px solid #dddddd;
Line:2041           }
Line:2042   
Line:2043           .btn-ecom-remove-item{
Line:2044               color: black;
Line:2045           }
Line:2046   
Line:2047           & > div {
Line:2048               padding: 0 5px;
Line:2049               float: left;
Line:2050           }
Line:2051   
Line:2052           .item-photo {
Line:2053               width: 90px;
Line:2054           }
Line:2055   
Line:2056           .item-quantity {
Line:2057               width: 100px;
Line:2058   
Line:2059               .ecom-txt-quantity {
Line:2060                   padding-left: 3px;
Line:2061                   padding-right: 3px;
Line:2062               }
Line:2063           }
Line:2064   
Line:2065           .item-action {
Line:2066           }
Line:2067   
Line:2068           .item-title {
Line:2069               //width: calc(100% - 90px - 100px - 40px - 135px) !important;
Line:2070           }
Line:2071   
Line:2072           .item-photo > div {
Line:2073               width: 80px;
Line:2074               height: 80px;
Line:2075               background: no-repeat 50% 50%;
Line:2076               background-size: cover;
Line:2077           }
Line:2078   
Line:2079           @media (max-width: 767px){
Line:2080               .media-left{
Line:2081                   display: table-cell;
Line:2082                   vertical-align: top;
Line:2083                   padding: 0 15px;
Line:2084               }
Line:2085               .media-body{
Line:2086                   display: table-cell;
Line:2087                   vertical-align: top;
Line:2088                   padding-right: 10px;
Line:2089                   width: 10000px!important;
Line:2090                   float:none;
Line:2091                   .item-action{
Line:2092                       position: absolute;
Line:2093                       right: 10px;
Line:2094                   }
Line:2095                   .lead{
Line:2096                       margin-bottom:15px
Line:2097                   }
Line:2098               }
Line:2099               .item-price{
Line:2100                   float: none;
Line:2101                   margin-left: 0;
Line:2102               }
Line:2103               .item-detail{
Line:2104                   background: transparent;
Line:2105                   border-left: none;
Line:2106                   padding-left: 0;
Line:2107               }
Line:2108               .item-quantity {
Line:2109                   float: none;
Line:2110                   width: auto;
Line:2111                   margin-top: 15px;
Line:2112                   margin-bottom: 15px;
Line:2113                   position: relative;
Line:2114                   select{
Line:2115                       text-align: center;
Line:2116                       text-align-last: center;
Line:2117                   }
Line:2118                   .fa-caret-down{
Line:2119                       position: absolute;
Line:2120                       top: 13px;
Line:2121                       right: 10px;
Line:2122                   }
Line:2123               }
Line:2124               .item-photo {
Line:2125                   background-position: top center;
Line:2126               }
Line:2127               .btn-remove-item{
Line:2128                   position: absolute;
Line:2129                   right: 10px;
Line:2130                   margin-top: -5px;
Line:2131               }
Line:2132               .media-heading{
Line:2133                   padding-right:20px
Line:2134               }
Line:2135   
Line:2136           }
Line:2137       }
Line:2138   
Line:2139       .center-content {
Line:2140           height: 80px;
Line:2141           &  > div {
Line:2142               position: absolute;
Line:2143               left: 0;
Line:2144               right: 0;
Line:2145               top: 50%;
Line:2146               transform: translate(0, -50%);
Line:2147               padding: 0 5px;
Line:2148           }
Line:2149   
Line:2150           &.item-title > div{
Line:2151               padding-left: 95px;
Line:2152           }
Line:2153       }
Line:2154   
Line:2155       .cart-total {
Line:2156           background: #202020;
Line:2157           color: #fff;
Line:2158           font-size: 20px;
Line:2159       }
Line:2160   }
Line:2161   
Line:2162   @media (max-width: 599px) {
Line:2163       #ecomItemsTable {
Line:2164           .item-row {
Line:2165               .item-photo {
Line:2166                   width: 100px;
Line:2167               }
Line:2168   
Line:2169               .item-title {
Line:2170                   width: calc(100% - 100px);
Line:2171               }
Line:2172   
Line:2173               .item-quantity {
Line:2174                   clear: both;
Line:2175               }
Line:2176   
Line:2177               .item-photo > div {
Line:2178                   width: 90px;
Line:2179                   height: 90px;
Line:2180               }
Line:2181           }
Line:2182       }
Line:2183   }
Line:2184   
Line:2185   .payment-option{
Line:2186       position: relative;
Line:2187       display: inline-block;
Line:2188   
Line:2189       & > img {
Line:2190           position: relative;
Line:2191           max-height: 50px;
Line:2192           width: 100px;
Line:2193           z-index: 1;
Line:2194       }
Line:2195   
Line:2196       i{
Line:2197           position: absolute;
Line:2198           left: 25%;
Line:2199           right: 0;
Line:2200           top: 50%;
Line:2201           transform: translate(0, -50%);
Line:2202           z-index: 3;
Line:2203           display:none;
Line:2204           & .active{
Line:2205               display:block;
Line:2206           }
Line:2207       }
Line:2208   }
Line:2209   
Line:2210   #loginRegisterModal .row .devider:not(:last-child) {
Line:2211       border-right: 1px solid #ccc;
Line:2212   }
Line:2213   
Line:2214   
Line:2215   #cart-link div {
Line:2216       padding: 15px 0;
Line:2217   }
Line:2218   
Line:2219   .ecommerce-sidebar {
Line:2220       margin-top: 30px;
Line:2221   }
Line:2222   
Line:2223   #products-list .product {
Line:2224       position: relative;
Line:2225       margin-bottom: 30px;
Line:2226   }
Line:2227   
Line:2228   #products-list .product-image-wrapper {
Line:2229       display: block;
Line:2230   }
Line:2231   
Line:2232   #products-list .product-image {
Line:2233       display: block;
Line:2234       background: no-repeat 50% 0;
Line:2235       background-size: contain;
Line:2236       padding-bottom: 66.66666667%;
Line:2237   }
Line:2238   
Line:2239   #products-list .product-price {
Line:2240       position: absolute;
Line:2241       top: 10px;
Line:2242       right: 15px;
Line:2243       font-size: 18px;
Line:2244       font-weight: 600;
Line:2245       background: #909090;
Line:2246   }
Line:2247   
Line:2248   #products-list .product-title {
Line:2249       height: 26px;
Line:2250   }
Line:2251   
Line:2252   #products-list .product-content {
Line:2253       height: 60px;
Line:2254       margin-bottom: 20px;
Line:2255       overflow: hidden;
Line:2256   }
Line:2257   
Line:2258   #products-list .product-actions {
Line:2259       text-align: right;
Line:2260   }
Line:2261   
Line:2262   #products-list .cate-title {
Line:2263       text-align: center;
Line:2264       margin: 0;
Line:2265       height: 26px;
Line:2266       overflow: hidden;
Line:2267       text-overflow: ellipsis;
Line:2268       white-space: nowrap;
Line:2269   }
Line:2270   
Line:2271   #products-list .cate-link {
Line:2272       text-decoration: none;
Line:2273   }
Line:2274   
Line:2275   #products-list.show-by-list .product-item {
Line:2276       width: 100%;
Line:2277   }
Line:2278   
Line:2279   #products-list.show-by-list .product:before,
Line:2280   #products-list.show-by-list .product:after {
Line:2281       content: " ";
Line:2282       display: table;
Line:2283   }
Line:2284   
Line:2285   #products-list.show-by-list .product:after {
Line:2286       clear: both;
Line:2287   }
Line:2288   
Line:2289   #products-list.show-by-list .product:before,
Line:2290   #products-list.show-by-list .product:after {
Line:2291       content: " ";
Line:2292       display: table;
Line:2293   }
Line:2294   
Line:2295   #products-list.show-by-list .product:after {
Line:2296       clear: both;
Line:2297   }
Line:2298   
Line:2299   #products-list.show-by-list .product-image-wrapper {
Line:2300       float: left;
Line:2301       width: 200px;
Line:2302   }
Line:2303   
Line:2304   #products-list.show-by-list .product-image-wrapper + div.caption {
Line:2305       margin-left: 200px;
Line:2306   }
Line:2307   
Line:2308   #products-list.show-by-list .product-title {
Line:2309       margin-top: 0;
Line:2310   }
Line:2311   
Line:2312   #products-list.show-by-list .product-price {
Line:2313       position: static;
Line:2314       background: none;
Line:2315       color: #ec135b;
Line:2316       padding: 0;
Line:2317       display: block;
Line:2318       margin-bottom: 10px;
Line:2319       text-align: left;
Line:2320   }
Line:2321   
Line:2322   #products-list.show-by-list .product-price:before {
Line:2323       content: "Price: ";
Line:2324       color: #333333;
Line:2325       font-size: 85%;
Line:2326   }
Line:2327   
Line:2328   #products-list.show-by-list .product-title,
Line:2329   #products-list.show-by-list .product-content {
Line:2330       height: auto;
Line:2331   }
Line:2332   
Line:2333   #products-list.show-by-list .product-actions {
Line:2334       text-align: left;
Line:2335   }
Line:2336   
Line:2337   #recently-added,
Line:2338   #last-viewed {
Line:2339       padding-bottom: 10px;
Line:2340   }
Line:2341   
Line:2342   #recently-added .media,
Line:2343   #last-viewed .media {
Line:2344       padding-bottom: 11px;
Line:2345       border-bottom: 1px solid #eee;
Line:2346       margin-bottom: 11px;
Line:2347       margin-top: 11px;
Line:2348   }
Line:2349   
Line:2350   #recently-added .media-object,
Line:2351   #last-viewed .media-object {
Line:2352       width: 64px;
Line:2353       height: 64px;
Line:2354       background: no-repeat 50% 50%;
Line:2355       background-size: contain;
Line:2356   }
Line:2357   
Line:2358   #recently-added p.lead,
Line:2359   #last-viewed p.lead {
Line:2360       font-size: 16px;
Line:2361       margin-bottom: 0;
Line:2362   }
Line:2363   
Line:2364   .afterAddProductThumb{
Line:2365       height: 150px;
Line:2366       background-size: 100%;
Line:2367       background-position: center;
Line:2368       background-repeat: no-repeat;
Line:2369   }
Line:2370   
Line:2371   .afterAddProductCaption{
Line:2372       width: 100%;
Line:2373       -ms-text-overflow: ellipsis;
Line:2374       white-space: nowrap;
Line:2375       overflow: hidden;
Line:2376       text-overflow: ellipsis;
Line:2377   }
Line:2378   
Line:2379   .recentlyViewedProducts {
Line:2380       visibility: hidden;
Line:2381       &.slick-initialized { visibility: visible; }
Line:2382       .slickItem{
Line:2383           padding: 0 10px;
Line:2384           &:focus{
Line:2385               outline: none;
Line:2386           }
Line:2387       }
Line:2388   
Line:2389       .title{
Line:2390           a{
Line:2391               color: #000;
Line:2392               display: block;
Line:2393               -ms-text-overflow: ellipsis;
Line:2394               white-space: nowrap;
Line:2395               overflow: hidden;
Line:2396               text-overflow: ellipsis;
Line:2397           }
Line:2398       }
Line:2399   
Line:2400       .embed-responsive-item{
Line:2401           background-size: 100%;
Line:2402           background-repeat: no-repeat;
Line:2403       }
Line:2404   
Line:2405       .point_text{
Line:2406           text-align: left;
Line:2407           text-transform: initial;
Line:2408           float: left;
Line:2409           color: @brand-primary;
Line:2410       }
Line:2411   
Line:2412       .btn-add-to-cart{
Line:2413           color: @brand-primary;
Line:2414           padding: 5px;
Line:2415       }
Line:2416   
Line:2417       .product-info{
Line:2418           background-color: @gray-light;
Line:2419           min-height: 49px;
Line:2420           padding: 15px 20px;
Line:2421           text-transform: uppercase;
Line:2422       }
Line:2423   
Line:2424       .slick-dots{
Line:2425           bottom: -40px;
Line:2426       }
Line:2427   
Line:2428       .slick-arrow{
Line:2429           &:before{
Line:2430              color: #000;
Line:2431           }
Line:2432       }
Line:2433   }
Line:2434   .no-margin(){
Line:2435   	margin-left: 0;
Line:2436   	margin-right: 0;
Line:2437   }
Line:2438   .ecomCheckoutFormPointsOnly{
Line:2439   	.no-margin{
Line:2440   		.no-margin()
Line:2441   	}
Line:2442   }
Line:2443   .ecomCheckoutForm{
Line:2444   	.no-margin{
Line:2445   		.no-margin()
Line:2446   	}
Line:2447   }
Line:2448   
Line:2449   .cart-suggest-header{
Line:2450       .title-inner{
Line:2451           padding-top: @padding-base-vertical;
Line:2452           padding-bottom: @padding-base-vertical;
Line:2453       }
Line:2454       .checkout-success{
Line:2455           color: @brand-success;
Line:2456       }
Line:2457   }
Line:2458   
Line:2459   .checkout-suggest-text{
Line:2460       display: block;
Line:2461       margin-bottom: 15px;
Line:2462   }
Line:2463   
Line:2464   .store-search{
Line:2465       width: 100%;
Line:2466   }
Line:2467   
Line:2468   .facetSearchTerm{
Line:2469       .list-group-item:first-of-type{
Line:2470           border-top: 0;
Line:2471       }
Line:2472   }
Line:2473   
Line:2474   @media(min-width: 768px){
Line:2475       .cart-suggest-header{
Line:2476           .btn-go-checkout{
Line:2477               float: right;
Line:2478           }
Line:2479       }
Line:2480   }
Line:2481   
Line:2482   .kcom2-text-white{
Line:2483       color: white !important;
Line:2484   }
Line:2485   /** suggestionList.less */
Line:2486   .kcom2-suggestionList{
Line:2487   	li{
Line:2488   		padding: 6px 10px;
Line:2489   
Line:2490   		&.first{
Line:2491   			font-weight: bold;
Line:2492   			background-color: @gray-lighter;
Line:2493   		}
Line:2494   	}
Line:2495   }
Line:2496   /** viewOder.less */
Line:2497   .view-order-container{
Line:2498   	.order-number{
Line:2499   		margin-bottom: 25px;
Line:2500   	}
Line:2501   	.media{
Line:2502   		.item-photo{
Line:2503   			width: 90px
Line:2504   		}
Line:2505   	}
Line:2506   	.item-row{
Line:2507   		margin-bottom: 15px
Line:2508   	}
Line:2509   	
Line:2510   }
Line:2511   
Line:2512   @media (min-width: @screen-md){
Line:2513   	.view-order-container{
Line:2514   		.flex-item{
Line:2515   			display: -webkit-box;
Line:2516   		    display: -moz-box;
Line:2517   		    display: -ms-flexbox;
Line:2518   		    display: -webkit-flex;
Line:2519   		    display: flex;
Line:2520   
Line:2521   			-webkit-align-items: center;
Line:2522   			align-items: center;
Line:2523   		}
Line:2524   	}
Line:2525   }
Line:2526   /** promotions.less */
Line:2527   .competitionFormWrap {
Line:2528       position: relative;
Line:2529   }
Line:2530   
Line:2531   .competitionFormWrap .dropzone-previews {
Line:2532       display: none !important;
Line:2533   }
Line:2534   
Line:2535   .competitionFormWrap .competitionForm .thankyou {
Line:2536       padding-top: 50px;
Line:2537       width: 100%;
Line:2538       height: 400px;
Line:2539   }
Line:2540   
Line:2541   
Line:2542   .rewardItem {
Line:2543       padding: 0;
Line:2544       position: relative;
Line:2545       border: none;
Line:2546   }
Line:2547   
Line:2548   .rewardItem .rewardItemTitle {
Line:2549       margin-top: 0;
Line:2550   }
Line:2551   
Line:2552   .rewardItem .rewardItemTitle a {
Line:2553       -ms-text-overflow: ellipsis;
Line:2554       white-space: nowrap;
Line:2555       overflow: hidden;
Line:2556       text-overflow: ellipsis;
Line:2557       display: block;
Line:2558   }
Line:2559   
Line:2560   .rewardItem{
Line:2561       .bg-warning{
Line:2562           .rewardItemContent, .rewardItemTitle a{
Line:2563               color: @alert-warning-text;
Line:2564           }
Line:2565       }
Line:2566       .bg-info{
Line:2567           .rewardItemContent, .rewardItemTitle a{
Line:2568               color: @alert-info-text
Line:2569           }
Line:2570       }
Line:2571       .bg-danger{
Line:2572           .rewardItemContent, .rewardItemTitle a{
Line:2573               color: @alert-danger-text
Line:2574           }
Line:2575       }
Line:2576       .bg-primary{
Line:2577           .rewardItemTitle a{
Line:2578               color: @btn-primary-color
Line:2579           }
Line:2580       }
Line:2581   }
Line:2582   
Line:2583   .rewardItem .rewardItemDate {
Line:2584       font-style: italic;
Line:2585   }
Line:2586   
Line:2587   .rewardItem .closedReward {
Line:2588       position: absolute;
Line:2589       top: 13px;
Line:2590       right: 11px;
Line:2591       padding: 10px 15px;
Line:2592       z-index: 1;
Line:2593       color: #fff;
Line:2594   }
Line:2595   
Line:2596   .rewardItem .embed-responsive-item {
Line:2597       background-position: center;
Line:2598       background-size: cover;
Line:2599   }
Line:2600   
Line:2601   .promotionTile {
Line:2602       position: relative;
Line:2603   
Line:2604       &:before {
Line:2605           content: '';
Line:2606           position: absolute;
Line:2607           left: 0;
Line:2608           top: 0;
Line:2609           width: 100%;
Line:2610           height: 100%;
Line:2611           background-color: rgba(0, 0, 0, 0.3);
Line:2612           z-index: 1;
Line:2613       }
Line:2614   
Line:2615       .rewardItemCaption {
Line:2616           position: absolute;
Line:2617           z-index: 2;
Line:2618           bottom: 0;
Line:2619       }
Line:2620   
Line:2621       background-position: center;
Line:2622       background-size: cover;
Line:2623       height: 0;
Line:2624       padding-bottom: ~"calc((100% + @{grid-gutter-width}) * 0.8)";
Line:2625       display: block;
Line:2626   
Line:2627       &.promotionTileHero {
Line:2628           padding-bottom: ~"calc((100% + @{grid-gutter-width}) * 0.4)";
Line:2629       }
Line:2630   
Line:2631       &:hover {
Line:2632           text-decoration: none;
Line:2633       }
Line:2634   }
Line:2635   
Line:2636   .rewardItem .rewardItemActions {
Line:2637       margin-top: 25px;
Line:2638   }
Line:2639   
Line:2640   .rewardItemCaption {
Line:2641       padding: 20px;
Line:2642       color: #fff;
Line:2643   }
Line:2644   
Line:2645   .promotion-photos {
Line:2646       .promotion-photo {
Line:2647           margin-bottom: 20px;
Line:2648           overflow: hidden;
Line:2649       }
Line:2650   
Line:2651       .promotion-photo-inner {
Line:2652           position: relative;
Line:2653           padding-bottom: 100%;
Line:2654           background: no-repeat 50% 50%;
Line:2655           background-size: cover;
Line:2656           border: 1px solid #ddd;
Line:2657           box-shadow: 0 0 1px rgba(0, 0, 0, .15);
Line:2658           display: block;
Line:2659       }
Line:2660   
Line:2661       .promotion-photo-label {
Line:2662           padding: 5px;
Line:2663           color: #fff;
Line:2664           position: absolute;
Line:2665           left: 0;
Line:2666           right: 0;
Line:2667           bottom: 0;
Line:2668           text-align: center;
Line:2669           background: @brand-info;
Line:2670       }
Line:2671   }
Line:2672   
Line:2673   .promotion-photo-uploader {
Line:2674       position: absolute;
Line:2675       bottom: 0;
Line:2676       left: 15px;
Line:2677       right: 15px;
Line:2678   
Line:2679       .dz-message {
Line:2680           width: 100%;
Line:2681       }
Line:2682   }
Line:2683   
Line:2684   /** rewards.less */
Line:2685   .pointsUserPanel{
Line:2686   	padding-top: 40px
Line:2687   }
Line:2688   /** profile.less */
Line:2689   div{
Line:2690       &.profilePic{
Line:2691           .avatar {
Line:2692               float: left;
Line:2693               margin-right: 1em;
Line:2694               height: 52px;
Line:2695               width: 52px;
Line:2696               border: 1px solid @gray-light;
Line:2697           }
Line:2698       }
Line:2699   }
Line:2700   
Line:2701   body{
Line:2702       &.profile{
Line:2703           #fileupload {
Line:2704               margin: 0;
Line:2705               padding: 0;
Line:2706           }
Line:2707           .muploadBtn {        
Line:2708               margin-left: 85px;
Line:2709           }
Line:2710   
Line:2711           .fileupload-buttonbar{
Line:2712               .progress {
Line:2713                   border: 1px solid #51A351;
Line:2714                   border-radius: 5px 5px 5px 5px;
Line:2715                   display: none;
Line:2716                   width: 65%;
Line:2717                   float: right;
Line:2718   
Line:2719                    div {
Line:2720                       background-color: #51A351;
Line:2721                       height: 2em;
Line:2722                       width: 0;
Line:2723                       padding: 0;
Line:2724                       margin: 0;
Line:2725                   }
Line:2726               }
Line:2727   
Line:2728           } 
Line:2729   
Line:2730           div{
Line:2731               &.profilePic {
Line:2732                   padding-right: 0;
Line:2733               }
Line:2734           }
Line:2735       }
Line:2736   
Line:2737       &.login-page, &.reset-password{
Line:2738           background: @brand-primary;
Line:2739       }
Line:2740   
Line:2741   } 
Line:2742   
Line:2743   p{
Line:2744       .confirm {
Line:2745            display: none;
Line:2746       }
Line:2747   }
Line:2748   ul{
Line:2749       &.memberships{
Line:2750           list-style-type: none;
Line:2751           margin: 0;
Line:2752   
Line:2753           li{
Line:2754               border-bottom: 1px solid #E5E5E5;    
Line:2755               padding: 5px 0 0;    
Line:2756               position: relative; 
Line:2757   
Line:2758               &:first {
Line:2759                   padding: 0;        
Line:2760               }  
Line:2761           }
Line:2762   
Line:2763           a {
Line:2764               span:not(.trans-lookup) {
Line:2765                   visibility: hidden;
Line:2766               }
Line:2767           }
Line:2768       }
Line:2769   }
Line:2770   
Line:2771   form {
Line:2772       position: relative;
Line:2773   
Line:2774       .ajax-loader {
Line:2775           display: none;
Line:2776           position: absolute;
Line:2777           right: 0;
Line:2778           top: 0;
Line:2779       }
Line:2780   
Line:2781       &.ajax-processing{
Line:2782           .ajax-loader {
Line:2783               display: block;
Line:2784               
Line:2785           }
Line:2786       }
Line:2787   }
Line:2788   
Line:2789   .errorHandler{
Line:2790       &.no-display{
Line:2791           display: none;
Line:2792       }
Line:2793   }
Line:2794   
Line:2795   .well-opt-int {
Line:2796       ul.memberships {
Line:2797           padding:0;
Line:2798           li {
Line:2799               border: none;
Line:2800               display: inline-block;
Line:2801               label {
Line:2802                   position: relative;
Line:2803                   margin: 0 5px 5px 0;
Line:2804                   font-weight: 600;
Line:2805                   padding: 8px 15px;
Line:2806                   cursor: pointer;
Line:2807                   border: 1px solid @brand-primary;
Line:2808   
Line:2809               }
Line:2810               input[type="checkbox"] {
Line:2811                   position: absolute;
Line:2812                   opacity:0;
Line:2813                   &:checked + label {
Line:2814                       color: white;
Line:2815                       background:@brand-primary;
Line:2816                   }
Line:2817               }
Line:2818           }
Line:2819   
Line:2820           &.show-checkbox{
Line:2821               li {
Line:2822                   display: block;
Line:2823                   label{
Line:2824                       border: 0;
Line:2825                       padding: initial;
Line:2826                   }
Line:2827                   input[type="checkbox"] {
Line:2828                       position: static;
Line:2829                       opacity:1;
Line:2830                       &:checked + label {
Line:2831   	                    color: inherit;
Line:2832   	                    background:none;
Line:2833   	                }
Line:2834                   }
Line:2835               }
Line:2836           }
Line:2837       }
Line:2838   }
Line:2839   
Line:2840   
Line:2841   /** theme-params.less */
Line:2842   @padding-base-vertical: 12px;
Line:2843   @brand-success: #0db04b;
Line:2844   @padding-base-horizontal: 24px;
Line:2845   @navbar-default-border: darken(@navbar-default-bg, 6.5%);
Line:2846   @brand-warning: #fff100;
Line:2847   @headings-color: inherit;
Line:2848   @link-color: #00adee;
Line:2849   @headings-font-weight: 300;
Line:2850   @border-radius-small: 3px;
Line:2851   @line-height-base: 1.428571429;
Line:2852   @brand-info: #00adee;
Line:2853   @headings-line-height: 1.1;
Line:2854   @border-radius-base: 4px;
Line:2855   @brand-danger: #ec1c24;
Line:2856   @headings-font-family: inherit;
Line:2857   @border-radius-large: 6px;
Line:2858   @brand-primary: #59595c;
Line:2859   @text-color: #59595c;
Line:2860   @font-size-base: 16px;
Line:2861   @font-family-sans-serif: 'ufonts.com_agenda-light','ufonts.com_agenda-bold';
Line:2862   @font-family-base: @font-family-sans-serif;
Line:2863   @font-face {
Line:2864     font-family: 'ufonts.com_agenda-light';
Line:2865     src: url('/theme/fonts/ufonts.com_agenda-light.eot'); /* IE9 Compat Modes */
Line:2866     src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
Line:2867          url('/theme/fonts/ufonts.com_agenda-light.otf')  format('opentype'),
Line:2868          url('/theme/fonts/ufonts.com_agenda-light.woff2') format('woff2'), /* Super Modern Browsers */
Line:2869          url('/theme/fonts/ufonts.com_agenda-light.woff') format('woff'), /* Pretty Modern Browsers */
Line:2870          url('/theme/fonts/ufonts.com_agenda-light.ttf')  format('truetype'), /* Safari, Android, iOS */
Line:2871          url('/theme/fonts/ufonts.com_agenda-light.svg#svgFontName') format('svg'); /* Legacy iOS */
Line:2872   }
Line:2873   @font-face {
Line:2874     font-family: 'ufonts.com_agenda-bold';
Line:2875     src: url('/theme/fonts/ufonts.com_agenda-bold.eot'); /* IE9 Compat Modes */
Line:2876     src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
Line:2877          url('/theme/fonts/ufonts.com_agenda-bold.otf')  format('opentype'),
Line:2878          url('/theme/fonts/ufonts.com_agenda-bold.woff2') format('woff2'), /* Super Modern Browsers */
Line:2879          url('/theme/fonts/ufonts.com_agenda-bold.woff') format('woff'), /* Pretty Modern Browsers */
Line:2880          url('/theme/fonts/ufonts.com_agenda-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
Line:2881          url('/theme/fonts/ufonts.com_agenda-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
Line:2882   }
Line:2883   h4, h5, h6 {
Line:2884      font-family: 'ufonts.com_agenda-light';
Line:2885   }
Line:2886   h1, h2, h3 {
Line:2887      font-family: 'ufonts.com_agenda-bold';
Line:2888   }
/** bootstrap.less */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

// Core variables and mixins
@import "variables.less";
@import "mixins.less";

// Reset and dependencies
@import "normalize.less";
@import "print.less";
@import "glyphicons.less";

// Core CSS
@import "scaffolding.less";
@import "type.less";
@import "code.less";
@import "grid.less";
@import "tables.less";
@import "forms.less";
@import "buttons.less";

// Components
@import "component-animations.less";
@import "dropdowns.less";
@import "button-groups.less";
@import "input-groups.less";
@import "navs.less";
@import "navbar.less";
@import "breadcrumbs.less";
@import "pagination.less";
@import "pager.less";
@import "labels.less";
@import "badges.less";
@import "jumbotron.less";
@import "thumbnails.less";
@import "alerts.less";
@import "progress-bars.less";
@import "media.less";
@import "list-group.less";
@import "panels.less";
@import "responsive-embed.less";
@import "wells.less";
@import "close.less";

// Components w/ JavaScript
@import "modals.less";
@import "tooltip.less";
@import "popovers.less";
@import "carousel.less";
@import "kademi-carousel.less";
@import "kademi-bg.less";


// Utility classes
@import "utilities.less";
@import "responsive-utilities.less";

// Kademi extras
@import "extra-variables.less";
@import "extra-styles.less";
@import "theme-variables.less";
@import "theme-styles.less";


/** slick.less */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/** slick-theme.less */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/theme/apps/slickSlider-lib/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/theme/apps/slickSlider-lib/fonts/slick.eot');
    src: url('/theme/apps/slickSlider-lib/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/theme/apps/slickSlider-lib/fonts/slick.woff') format('woff'), url('/theme/apps/slickSlider-lib/fonts/slick.ttf') format('truetype'), url('/theme/apps/slickSlider-lib/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/** bootstrap-upcrop-image.less */

.upload-zone.panel{
	&.panel-default{
		> form{
			&.dropzone{
				background: @body-bg
			}
		}
	}  
}
/** contactus.less */
.contactus{
    .group-no-label{
        .control-label{
            display: none; 
        }
                
        .col-md-offset-3{
            margin: 0;
            width: 100%;
        }
    }

}

@media (min-width: 768px) and (max-width: 992px){
   .contactus{
        
        &.form-horizontal{
            .control-label{
                text-align: left;
            }
        }
    } 
}

@media (max-width: 992px){
    .message-box{
        margin-top: 55px;
    }
}


/** socialLinks.less */
// Social link color variables
@rss-color: #F56505;
@facebook-color: #3B5998;
@twitter-color:#33ccff;
@google-color: #d34836;
@vimeo-color: #0590B8;
@linkedin-color: #007bb7;
@instagram-color: #548bb5;
@youtube-color: #ee4e40;

.social-color-mixin() {
    &,
    &:hover {
        color: #fff;
    }
}

.social-icon-mixin(@icon){
    &.btn-icon {
        font: normal normal normal 14px/1 "Font Awesome 5 Brands";
        &:before{
            content: @icon;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        &:after{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }
}

ul.socialLinks {
    list-style: none;
    display: inline-block;
    margin-left: 0 !important;
    padding: 0;

    li {
        display: inline;
        margin: 0 5px;
    }

    a {
        display: inline-block;
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 50px;
        height: 50px;
        font-size: 20px;

        &,
        &:hover i {
            color: #fff;
        }
    }

    i {
        margin: 0;
        line-height: 50px;
        text-align: center;
    }

    a.icoRss {
        background-color: @rss-color;
    }

    a.icoFacebook {
        background-color: @facebook-color;
    }

    a.icoTwitter {
        background-color: @twitter-color;
    }

    a.icoGoogle {
        background-color: @google-color;
    }

    a.icoVimeo {
        background-color: @vimeo-color;
    }

    a.icoLinkedin {
        background-color: @linkedin-color;
    }

    a.icoInstagram {
        background-color: @linkedin-color;
    }

    a.icoYoutube {
        background-color: @youtube-color;
    }

    &.socialLinks-circle-animated li a {
        border-radius: 50%;

        i {
            transition: all 0.8s;
        }

        &:hover i {
            transform: rotate(360deg);
            transition: all 0.2s;
        }
    }

    &.socialLinks-rounded li a {
        border-radius: 10px;
    }
}

/* Social buttons */
.btn {

    &.btn-rss {
        background-color: @rss-color;
        .social-color-mixin;
        .social-icon-mixin("\f09e");
    }

    &.btn-facebook {
        background-color: @facebook-color;
        .social-color-mixin;
        .social-icon-mixin("\f09a");
    }

    &.btn-twitter {
        background-color: @twitter-color;
        .social-color-mixin;
        .social-icon-mixin("\f099");
    }

    &.btn-google {
        background-color: @google-color;
        .social-color-mixin;
        .social-icon-mixin("\f0d5");
    }

    &.btn-vimeo {
        background-color: @vimeo-color;
        .social-color-mixin;
        .social-icon-mixin("\f27d");
    }

    &.btn-linkedin {
        background-color: @linkedin-color;
        .social-color-mixin;
        .social-icon-mixin("\f0e1");
    }

    &.btn-instagram {
        background-color: @linkedin-color;
        .social-color-mixin;
        .social-icon-mixin("\f16d");
    }

    &.btn-youtube {
        background-color: @youtube-color;
        .social-color-mixin;
        .social-icon-mixin("\f16a");
    }
}
/** content.less */
.accordionWrap .panel-title a.collapsed .panelIcon:before {
    content: "\f103";
}

.accordionWrap .panel-title a .panelIcon:before {
    content: "\f102";
}

.htmlPanel {
    min-height: 30px;
    .textEdit {
        float: left;
        display: inline-block;
        width: calc(~"100% - 100px");
        &.noIcon {
            width: 100%;
        }
    }
    .panelIconWrap {
        float: left;
        display: inline-block;
        width: 100px;
    }
    &.bg-success {
        color: @panel-success-text;
    }
    &.bg-info {
        color: @panel-info-text;
    }
    &.bg-warning {
        color: @panel-warning-text;
    }
    &.bg-danger {
        color: @panel-danger-text;
    }
}

.kratingWrap {
    &.editing {
        padding-top: 30px;
    }
}

.panel-heading {
    .collapsed {
        .panelIconCollapsed {
            display: block;
        }
        .panelIconExpanded {
            display: none;
        }
    }
    a:not(collapsed) {
        .panelIconCollapsed {
            display: none;
        }
        .panelIconExpanded {
            display: block;
        }
    }
}

.tileComponent {
    .tileImage {
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

.content-editor-page .panel-expandable-tpl {
    .panel-body {
        display: block !important;
    }
}

.panel-expandable-tpl {
    & > .panel-body {
        display: none;
    }
}

[data-type="component-menu"] {
    .navbar {
        z-index: 9;
    }

    @media (max-width: @screen-md-max) {
        .navbar {
            .navbar-search {
                .navbar-form {
                    padding-top: 0;
                    padding-bottom: 0;
                    margin: 0;
                }

                .form-group {
                    width: 100%;
                }

                .input-group {
                    width: 100%;

                    .input-group-btn {
                        width: 1%;
                    }
                }

                .omni-search-wrapper{
                    input {
                        width: 100% !important;
                    }
                }
            }
        }
    }
}

#menu3Navbar{
    #navbar-right{
        z-index: 1000;
        position: relative;
        .special-img {
            position: relative;
            top: -15px;
            float: left;
            left: -5px;
            height: 50px;
            width: 50px;
            border: 1px solid #ECECED;
        }
    }
    .navbar-header{
        z-index: 1000;
        position: relative;
    }
    #navbar-search{
        display: block;
        text-align: center;
        .omni-search-wrapper .omni-search-suggestions{
            width: 100%;
        }
        .omni-search-input{
            border-radius: 0 @input-border-radius @input-border-radius 0 !important;
        }
    }
}

.sliderSlickWrap{
    visibility: hidden;
    .slickItem.slick-active a:focus,
    .slickItem.slick-active:focus,
    .slickItem.slick-active a div:focus {
        outline: none;
    }
    &.slick-initialized { visibility: visible; }
    .slickItem{
        padding: 0 10px;
        &:focus{
            outline: none;
        }
    }
    .slick-arrow{
        &:before{
            color: #000;
        }
    }
    .slick-dots{
        bottom: -40px;
    }
    .slider-img{
        background-repeat: no-repeat;
        background-position: center;
    }
}

.textComponentClickable{
    cursor: pointer;
}

.media-body {
    .pull-right {
        .label {
            a {
                color: inherit;
            }
        }
    }
}
/** comment.less */
.comment {
    .clearfix;
    margin-bottom: 10px;
    padding-bottom: 10px;
    
    .comment-user {
        float: left;
        margin-right: 8px;
        width: 52px;
    }
    
    .comment-user-pic {
        img {
            display: block;
            height: 52px;
            border-radius: 50%;
            box-shadow: 0 0 1px #000;
        }
    }
    
    .comment-user-name {
        font-weight: bold;
    }
    
    .comment-detail {
        margin: 0 0 5px 60px;
    }
    
    .comment-content {
        margin: 0;
    }
    
    .comment-reply {
        margin-right: 5px;
    }
    
    .comment-replies-wrapper {
        margin-top: 10px;
    }
    
    &.comment-sub {
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 10px;
        clear: both;
    }
}

.panel-recent-posts {
    .comment {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .comment + .comment {
        border-top: 1px solid lighten(@input-border, 5%);
        margin-top: 10px;
        padding-top: 10px;
    }
}

/** myForum.less */
.questionNotes{
    min-height: 60px;
}
.forumQuestionWrap{
    padding: 5px 15px;
}
/** ktoolbar.less */
@ktoolbar-brand: #000;
@ktoolbar-z-index: 999999;
@ktoolbar-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
@ktoolbar-link-color: #fff;

#ktoolbar {
    position: fixed;
    left: 0;
    top: -40px;
    width: 100%;
    height: 40px;
    background: @ktoolbar-brand;
    z-index: @ktoolbar-z-index;
    transition: top ease-in-out 250ms;
    font: 14px/1.428571429 "Helvetica Neue", Helvetica, Arial, sans-serif;

    button.dropdown-toggle {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    &.showed {
        top: 0;
        -webkit-box-shadow: @ktoolbar-box-shadow;
        box-shadow: @ktoolbar-box-shadow;
    }

    .ktoolbar-btn {
        color: @ktoolbar-link-color;
        padding: 5px 10px;
        font-size: 20px;
        line-height: 1.5;
        display: inline-block;
        height: 40px;
        background: transparent;
        border: 0;

        &.dropdown-toggle {
            padding: 5px 10px 5px 0;

            .caret {
                position: relative;
                top: -2px;
            }
        }
    }

    .ktoolbar-btns-right {
        float: right;
    }

    .ktoolbarToggle {
        border-radius: 0 0 3px 3px;
        background-color: @ktoolbar-brand;
        color: #fff;
        padding: 1px;
        margin-top: -2px;
        -webkit-box-shadow: @ktoolbar-box-shadow;
        box-shadow: @ktoolbar-box-shadow;
        border: 0;
        position: absolute;
        bottom: -22px;
        left: 50%;
        width: 24px;
        margin-left: -12px;
        height: 22px;
        text-align: center;
        cursor: pointer;
    }
}

#ktoolbar-sidebar {
    background: #fff;
    border-left: 1px solid #ccc;
    z-index: @ktoolbar-z-index;
    transition: all ease-in-out 250ms;
    font: 14px/1.428571429 "Helvetica Neue", Helvetica, Arial, sans-serif;
    top: 0;
    bottom: 0;
    right: -360px;
    width: 360px;
    position: fixed;
    -webkit-box-shadow: @ktoolbar-box-shadow;
    box-shadow: @ktoolbar-box-shadow;

    &.showed {
        right: 0;
    }

    #ktoolbar.showed + & {
        top: 30px;
    }

    .sidebar-title {
        padding: 5px 15px;
        background: #000;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
    }

    .sidebar-content {
        height: ~"calc(100% - 32px - 52px)";
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 15px 15px 0;

        .form-horizontal {
            .colorpicker-container {
                position: relative;
            }

            .control-label,
            .form-control {
                font: 12px/1.428571429 "Helvetica Neue", Helvetica, Arial, sans-serif;
                color: #222;
            }

            .control-label {
                text-align: left;
            }


            .text-muted {
                color: #ccc;
            }

            hr {
                margin: 20px 0;
            }
        }
    }

    .sidebar-action {
        padding: 10px 15px;
        background: #f0f0f0;
        border-top: 1px solid #ccc;

        button {
            border: 1px solid #ddd;
            padding: 6px 12px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 0;
            font-size: 12px;

            &.btn-save {
                background: @ktoolbar-brand;
                color: #fff;
            }

            &.btn-close {
                background: #fff;
                color: @ktoolbar-brand;
                padding: 4px 8px;
            }
        }
    }
}

#btn-translate {
    position: absolute;
    z-index: 999999;
    display: none;
}

@media (max-width: 767px) {
    #ktoolbar {
        display: none;
    }
}

/** modulePage.less */
.modulePage {
    .commentContainer {
        textarea {
            width: 100%;
        }
    }
    
    iframe {
        width: 100% !important;
    }
    
    .module-container {
        position: relative;
        min-height: 300px;
        
        .navbar {
            margin-bottom: 0;
        }
    }
}

.panel.panel-module-page-toolbar {
    box-shadow: none;
    
    .panel-heading {
        border-bottom: 0 !important;
    }
    
    .btn {
        color: @text-color;
        
        > * {
            display: inline-block;
            vertical-align: middle;
            
            + * {
                margin-left: 5px;
            }
        }
    }
}

.module-pages {
    .modPage {
        i {
            font-size: 1.4em;
            vertical-align: text-bottom;
        }
        
        .fa-check-circle {
            display: none;
        }
    }
    .modPage.active{
        font-weight: bold;
        color: @btn-primary-color;
        background-color: @brand-primary;
    }
    .modPage.completed {
        .fa-circle-o {
            display: none;
        }
        
        .fa-check-circle {
            display: inline-block;
        }
    }
}

ul.tools {
    list-style-type: none;
    margin: 0;
    li {
        display: block;
    }
    li.modPerc {
        float: left;
        font-size: 200%;
    }
}

.modulePage .panelBox ol ol {
    list-style-type: none;
    margin-left: -6px;
}

body.edifyIsEditMode div.pages {
    display: none;
}

a.disabled {
    opacity: 0.5;
    cursor: default;
}

ol.quiz {
    > li {
        font-size: 24px;
        color: @brand-info;
        vertical-align: top;
        position: relative;
        font-weight: bold;
        
        > * {
            margin: 5px 0 0;
            color: @text-color;
            font-size: 14px;
            font-weight: normal;
        }
        
        > *:first-child {
            margin-top: 0;
        }
        
        > h3 {
            font-size: 24px;
            color: @brand-info;
        }
    }
    
    ol {
        li {
            clear: both;
            margin-top: 10px;
            position: relative;
            padding-left: 20px;
            
            input {
                position: absolute;
                margin: 4px 0 0 -20px;
            }
            
            label {
                display: block;
            }
        }
    }
    
    li.error {
        .alert();
        .alert-danger();
    }
}

.when-complete, .when-not-complete {
    display: none;
}

#moduleActivityChart .nv-legend-text {
    fill: #FFF;
}

input.error,
textarea.error,
select.error {
    color: #b94a48;
    border-color: #ee5f5b;
    &:focus {
        border-color: darken(#ee5f5b, 10%);
        .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
    }
}
/** myLearning.less */
.course-picker-wrapper {
    z-index: 9999;
    margin-bottom: 15px;
    
    .dropdown-menu {
        width: @container-md / 3 * 2;
        padding: 15px;
        
        @media (min-width: @screen-lg) {
            width: @container-lg / 3 * 2;
        }
        
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            width: @container-sm;
        }
        
        @media (max-width: @screen-xs-max) {
            width: 100%;
        }
        
        p {
            font-weight: bold;
            font-size: @font-size-large;
            margin: 0 0 5px;
        }
        
        li {
            div {
                min-height: 100px;
            }
            
            .loading {
                background: url('static/images/loading.gif') 50% 50% no-repeat;
            }
            
            a {
                display: block;
                padding: @padding-base-vertical @padding-base-horizontal;
                text-decoration: none;
                background: #fcfcfc;
                color: @text-color;
                
                + a {
                    margin-top: 2px;
                }
            }
            
            .active {
                color: #fff;
                background: @brand-info;
            }
        }
    }
}

.module-wrapper-list {
    .module {
        border-bottom: 1px solid #e4e4e7;
        background: #fff;
    }
    
    &:first-child {
        .module {
            border-top: 1px solid #e4e4e7;
        }
    }
    
    .modules-list-1 & {
        &:nth-child(2n) {
            .module {
                background: #f6f6f8;
            }
        }
    }
    
    .modules-list-2 & {
        &:nth-child(2n+1) {
            clear: both;
        }
        
        &:nth-child(4n+3),
        &:nth-child(4n+3) + .module-wrapper-list {
            .module {
                background: #f6f6f8;
            }
        }
    }
    
    .modules-list-3 & {
        &:nth-child(3n+1) {
            clear: both;
        }
        
        &:nth-child(6n+4),
        &:nth-child(6n+4) + .module-wrapper-list,
        &:nth-child(6n+4) + .module-wrapper-list + .module-wrapper-list {
            .module {
                background: #f6f6f8;
            }
        }
    }
    
    .modules-list-4 & {
        &:nth-child(4n+1) {
            clear: both;
        }
        
        &:nth-child(8n+5),
        &:nth-child(8n+5) + .module-wrapper-list,
        &:nth-child(8n+5) + .module-wrapper-list + .module-wrapper-list,
        &:nth-child(8n+5) + .module-wrapper-list + .module-wrapper-list + .module-wrapper-list {
            .module {
                background: #f6f6f8;
            }
        }
    }
    
    @media (max-width: 767px) {
        .module {
            background: #fff !important;
        }
        
        &:nth-child(2n) {
            .module {
                background: #f6f6f8 !important;
            }
        }
    }
}

.module-wrapper-grid {
    > a {
        display: block;
        color: #fff !important;
        text-decoration: none !important;
    }
}

.module {
    .clearfix;
    position: relative;
    padding: 25px;
    
    .module-thumb {
        position: absolute;
        top: 25px;
        bottom: 25px;
        left: 25px;
        width: 160px;
        z-index: 1;
        
        > * {
            width: 100%;
            height: 100%;
            background: no-repeat 50% 50%;
            background-size: cover;
            display: block;
        }
    }
    
    .module-body {
        padding: 0 0 0 20px;
        position: relative;
        margin-left: 160px;
        
        h4 {
            margin-top: 0;
        }
    }
    
    .module-progress {
        background: @brand-info;
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        z-index: 10;
    }
    
    .module-time,
    .module-cpd,
    .module-point {
        .small;
        float: left;
        margin-right: 20px;
        
        i {
            margin-right: 5px;
        }
    }
    
    .dashboard-modules-page & {
        padding: 40px;

        .module-thumb {
            width: 250px;
            top: 0;
            bottom: 15px;
            left: 5px;
        }
        
        .module-body {
            padding: 0 0 0 30px;
            margin-left: 250px;
        }

        @media (max-width: 767px) {
            padding: 0;

            .module-thumb {
                position: static;
                width: auto;

                > * {
                    height: auto;
                    padding-bottom: 56.25%;
                }
            }

            .module-body {
                margin-left: 0;
                padding: 15px;
            }
        }
    }
}

.module.module-grid {
    overflow: hidden;
    min-height: 200px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    padding: 0;
    margin-bottom: 30px;
    
    .module-body {
        background: @brand-primary;
        padding: 25px;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        z-index: 3;
        
        .module-progress {
            top: 0;
            bottom: auto;
        }
    }
    
    .module-thumb {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
    }
    
    .module-progress {
        top: auto;
        bottom: 0;
    }
    
    &:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        background: url('/theme/apps/learner/bg_module_overlay.png') repeat-x 0 100%;
        content: '';
        display: block;
    }
    
    &.module-full-height-thumb {
        .module-body {
            background: transparent;
            
            .module-progress {
                top: auto;
                bottom: 0;
            }
        }
    }
    
    @media (max-width: 767px) {
        height: auto !important;
        
        &:before {
            display: none;
        }
        
        .module-thumb {
            position: static;
            
            > span {
                display: none;
            }
            
            > img {
                padding: 0;
            }
        }
        
        .module-body {
            position: static;
            padding: 15px;
            background: @brand-primary !important;
        }
    }
}

.panel-body.pages-wrapper {
    .pages {
        margin-bottom: 0;
    }
}

.course-list{
    padding-left: 15px;
    padding-right: 15px;
    .module-count{
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .course{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .course-image{
        height: 190px;
        width: 300px; 
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        background-position: 50% 50%;
    }
    .course-status{
        text-align: right;
    }
}

.course-grid{
    .course-cells{
        padding-left:0;
        list-style: none;

        .course-thumb{
            .course-image{
                background-position: 50% 50%;
                background-repeat:no-repeat;
                background-size: cover;
                height: 300px;
                background-size: cover;
                background-repeat: no-repeat;
                display: block;
                background-position: 50% 50%;
            }
        }

        .module-count{
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .course-status{
            text-align: right;
            margin-top: 8px;
        }
        
        .course{
            margin: 20px 0px;
        }
    }
}

@media (max-width: @screen-xs-max) { 
    .course-list{
        .course-image{
            width: 100%;   
            height: 180px; 
        }
        .course-status{
            text-align: left;
        }
    }
}
/** modulesTile.less */
.module-tile {
    h3 {
        margin-top: 0;
    }
    
    .module-tile-point {
        position: absolute;
        top: 0;
        right: 0;
        background: @brand-primary;
        height: 30px;
        line-height: 30px;
        padding: 0 12px;
        font-size: 15px;
    }
    
    .module-tile-action {
        margin-top: 20px;
    }
}
/** moduleStatuses.less */
.panel-heading {
    .btn-sort.btn-group.pull-right{
        margin-top: -7px;
    }
}
/** learner-reporting.less */
.reporting-course-picker {
    z-index: 9999;
    margin-bottom: 15px;

    .dropdown-menu {
        width: @container-md / 3 * 2;
        padding: 15px;

        @media (min-width: @screen-lg) {
            width: @container-lg / 3 * 2;
        }

        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            width: @container-sm;
        }

        @media (max-width: @screen-xs-max) {
            width: 100%;
        }

        p {
            font-weight: bold;
            font-size: @font-size-large;
            margin: 0 0 5px;
        }

        li {
            div {
                min-height: 100px;
            }

            .loading {
                background: url('/theme/images/loading.gif') 50% 50% no-repeat;
            }

            a {
                display: block;
                padding: @padding-base-vertical @padding-base-horizontal;
                text-decoration: none;
                background: #fcfcfc;
                color: @text-color;

                + a {
                    margin-top: 2px;
                }
            }

            .active {
                color: #fff;
                background: @brand-info;
            }
        }
    }
    .course-picker-toggler {
        max-width: 100%;
        .course-picker-text{
            max-width: calc( 100% - 10px );
            -ms-text-overflow: ellipsis;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            float: left;
        }
        .caret{
            display: inline-block;
            float: left;
            top: 7px;
            position: relative;
            text-align: center;
            margin-left: 2px;
        }
    }
    .ajaxLoading{
        cursor: not-allowed;
        color: #bbb;
    }
}


.module-info-panel {
    color: #fff !important;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    .expiry-text-container {
        background-color: #d31247;
        padding: 10px 0px 10px 20px;
    }
    .row {
        display: flex;
    }
    p {
        text-transform: uppercase;
        margin: 0;
        font-size: 2.2rem;
    }
    img {
        background-color: unset !important;
        width: 100%;
    }
}
/** myInbox.less */
.panel-heading {
    border-bottom: 1px solid #ddd !important;
}
/** store-dashboard.less */
#cates-list .cate-item .embed-responsive-item,
[id*="products-list"] .product-item .embed-responsive-item,
.products-list .product-item .embed-responsive-item,
.product-images .product-item .embed-responsive-item {
    background: no-repeat 50% 50%;
    background-size: contain;
}

.variant-name {
    text-align: left !important;
}

#cart-link div {
    padding: 8px 15px;
}

[id*="products-list"] .product-item .product-content,
.products-list .product-item .product-content {
    min-height: 10px;
}

.products-list {
    min-height: 200px;
}

.ecomStoreCategoryProductsComponent {
    .product-item {
        margin-bottom: 40px;
        .thumbnail {
            padding: 0;
            border: 0;
        }
        .product-info {
            border: 1px solid @gray-light;
            border-bottom: 0;
            padding: 20px;
            text-align: center;
        }
        .product-title {
            font-size: 25px;
            margin: 0 0 30px;
            font-weight: 300;
            min-height: 55px;
        }
        .product-content {
            margin-top: 10px;
        }
        .caption {
            position: relative;
            background: #fff;
            height: 65px;
            h3, a {
                position: absolute;
                top: 0;
                bottom: 0;
                color: #fff;
            }
            h3 {
                left: 0;
                right: 0;
                margin: 0;
            }
            a {
                right: 0;
                width: 67px;
                border: 0;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
                i {
                    font-size: 28px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    text-align: center;
                    top: 50%;
                    transform: translate(0, -50%);
                }
            }
            .product-price {
                font-size: 24px;
                font-weight: 300;
                padding-top: 20px;
                small {
                    color: inherit;
                    font-size: 12px;
                    display: block;
                    font-weight: 400;
                    padding-top: 3px;
                }
            }
        }
    }
    .product-variants{
        background: #f6f6f8;
        border: 1px solid #e2e2e5;
        padding: 15px 15px 0;
        margin-bottom: 0;
    }
}

#cates-list {
    .cate-item {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #e3e3e6;
        text-decoration: none;
        .embed-responsive-item {
            background-size: cover;
        }
        .cate-title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 25px;
            font-weight: 300;
            padding: 25px 20px;
            color: #fff;
            margin-top: 0;
            margin-bottom: 0;
        }
    }
}

.ecomStoreCategoriesList,
.facetSearchTerm {
    i.fa-angle-right {
        display: none;
    }
    .selected {
        background: @gray-lighter !important;
        border: 1px solid @gray-light !important;
        margin-bottom: 0;
        i.fa-angle-right {
            display: inline-block;
            font-size: larger;
            margin-top: 1px;

        }
    }
    .heading-item {
        padding-left: 0;
        border-bottom: 1px solid @gray-light !important;
        margin-bottom: 6px;
        font-size: 20px;
        font-weight: 700;
    }
}

#product-search {
    margin-bottom: 20px;
}

.btn-decrease-quantity, .btn-increase-quantity {
    border-left-width: 1px !important;
}

.recentlyViewedRewardProducts {
    padding-left: 0;
    .slickItem {
        .embed-responsive-item {
            background-position: center;
            background-size: cover;
        }
    }
    .slick-prev::before,
    .slick-next::before {
        color: @brand-primary;
    }
}

.products-list .product-price {
    background: @brand-info;
}
/** kcom2.less */
#product-tools {
    .product-filter {
        float: right;
        position: relative;
        z-index: 2;
        margin: 30px 0 20px;
        padding: 1px 0;
        background: #fff;
    }

    .product-filter > * {
        float: left;
        margin-left: 10px;
    }

    .breadcrumb {
        position: relative;
        z-index: 1;
    }
}

#products-list {
    overflow: hidden;
}

.kcom2Product {
    .product-info{
        margin-top: 38px;
        margin-bottom: 20px;
    }
    .product-price {
        padding: 10px 0;
        margin-top: 11px;
        position: relative;
        color: #fff;
    }
    .slick-arrow {
        position: absolute;
        top: 0;
        width: 20px;
        height: 100%;
        font-size: 26px;
        color: #333333;
        z-index: 1;
        background: rgba(255, 255, 255, 0.6);
        border: none;
        &:hover, &:focus{
            color: #333333 !important;
        }
        &:before{
            display: none
        }
    }

    //.slick-arrow i {
    //  position: absolute;
    //  width: 100%;
    //  height: 30px;
    //  line-height: 30px;
    //  top: 50%;
    //  margin-top: -15px;
    //  text-align: center;
    //}

    .slick-arrow.slick-prev {
        left: 1px;
        border-width: 1px 0 1px 1px;
    }

    .slick-arrow.slick-next {
        right: 1px;
        border-width: 1px 1px 1px 0;
    }

    .slick-arrow.slick-disabled {
        background: none;
        color: transparent;
        cursor: default;
        width: 1px;
        overflow: hidden;
    }

    .slick-arrow:focus {
        outline: none;
    }
    .param-title {
        display: block;
        padding-top: 5px;
        text-transform: capitalize;
    }

    .img-options-list{
    	.item-option{
    		display: inline-block;
    		padding: 3px;
    		a{
    			display: block;
    			border: 2px solid transparent;
    			text-decoration: none;
    			&:hover{
		            text-decoration: none;
		        }
		        &.active{
		        	border-color:  @brand-info;
		        }
    		}
    		img {
	            height: 25px;
	        }
    	}
    }
    .slickItem.slick-active a:focus,
    .slickItem.slick-active:focus,
    .slickItem.slick-active a div:focus {
        outline: none;
    }
    .slick-slider{
        visibility: hidden;
        &.slick-initialized { visibility: visible; }
    }
}

.kcom2ProductListHolder{
    min-height: 500px;
}

#kcom2ShippingForm{
    .twitter-typeahead{
        display: block;
    }
}

#ecomItemsTable, .ecomItemsTable {
    .item-row {
        margin: 0;
        padding: 5px 0;

        &  + .item-row {
            border-top: 1px solid #dddddd;
        }

        .btn-ecom-remove-item{
            color: black;
        }

        & > div {
            padding: 0 5px;
            float: left;
        }

        .item-photo {
            width: 90px;
        }

        .item-quantity {
            width: 100px;

            .ecom-txt-quantity {
                padding-left: 3px;
                padding-right: 3px;
            }
        }

        .item-action {
        }

        .item-title {
            //width: calc(100% - 90px - 100px - 40px - 135px) !important;
        }

        .item-photo > div {
            width: 80px;
            height: 80px;
            background: no-repeat 50% 50%;
            background-size: cover;
        }

        @media (max-width: 767px){
            .media-left{
                display: table-cell;
                vertical-align: top;
                padding: 0 15px;
            }
            .media-body{
                display: table-cell;
                vertical-align: top;
                padding-right: 10px;
                width: 10000px!important;
                float:none;
                .item-action{
                    position: absolute;
                    right: 10px;
                }
                .lead{
                    margin-bottom:15px
                }
            }
            .item-price{
                float: none;
                margin-left: 0;
            }
            .item-detail{
                background: transparent;
                border-left: none;
                padding-left: 0;
            }
            .item-quantity {
                float: none;
                width: auto;
                margin-top: 15px;
                margin-bottom: 15px;
                position: relative;
                select{
                    text-align: center;
                    text-align-last: center;
                }
                .fa-caret-down{
                    position: absolute;
                    top: 13px;
                    right: 10px;
                }
            }
            .item-photo {
                background-position: top center;
            }
            .btn-remove-item{
                position: absolute;
                right: 10px;
                margin-top: -5px;
            }
            .media-heading{
                padding-right:20px
            }

        }
    }

    .center-content {
        height: 80px;
        &  > div {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translate(0, -50%);
            padding: 0 5px;
        }

        &.item-title > div{
            padding-left: 95px;
        }
    }

    .cart-total {
        background: #202020;
        color: #fff;
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    #ecomItemsTable {
        .item-row {
            .item-photo {
                width: 100px;
            }

            .item-title {
                width: calc(100% - 100px);
            }

            .item-quantity {
                clear: both;
            }

            .item-photo > div {
                width: 90px;
                height: 90px;
            }
        }
    }
}

.payment-option{
    position: relative;
    display: inline-block;

    & > img {
        position: relative;
        max-height: 50px;
        width: 100px;
        z-index: 1;
    }

    i{
        position: absolute;
        left: 25%;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 3;
        display:none;
        & .active{
            display:block;
        }
    }
}

#loginRegisterModal .row .devider:not(:last-child) {
    border-right: 1px solid #ccc;
}


#cart-link div {
    padding: 15px 0;
}

.ecommerce-sidebar {
    margin-top: 30px;
}

#products-list .product {
    position: relative;
    margin-bottom: 30px;
}

#products-list .product-image-wrapper {
    display: block;
}

#products-list .product-image {
    display: block;
    background: no-repeat 50% 0;
    background-size: contain;
    padding-bottom: 66.66666667%;
}

#products-list .product-price {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
    font-weight: 600;
    background: #909090;
}

#products-list .product-title {
    height: 26px;
}

#products-list .product-content {
    height: 60px;
    margin-bottom: 20px;
    overflow: hidden;
}

#products-list .product-actions {
    text-align: right;
}

#products-list .cate-title {
    text-align: center;
    margin: 0;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#products-list .cate-link {
    text-decoration: none;
}

#products-list.show-by-list .product-item {
    width: 100%;
}

#products-list.show-by-list .product:before,
#products-list.show-by-list .product:after {
    content: " ";
    display: table;
}

#products-list.show-by-list .product:after {
    clear: both;
}

#products-list.show-by-list .product:before,
#products-list.show-by-list .product:after {
    content: " ";
    display: table;
}

#products-list.show-by-list .product:after {
    clear: both;
}

#products-list.show-by-list .product-image-wrapper {
    float: left;
    width: 200px;
}

#products-list.show-by-list .product-image-wrapper + div.caption {
    margin-left: 200px;
}

#products-list.show-by-list .product-title {
    margin-top: 0;
}

#products-list.show-by-list .product-price {
    position: static;
    background: none;
    color: #ec135b;
    padding: 0;
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

#products-list.show-by-list .product-price:before {
    content: "Price: ";
    color: #333333;
    font-size: 85%;
}

#products-list.show-by-list .product-title,
#products-list.show-by-list .product-content {
    height: auto;
}

#products-list.show-by-list .product-actions {
    text-align: left;
}

#recently-added,
#last-viewed {
    padding-bottom: 10px;
}

#recently-added .media,
#last-viewed .media {
    padding-bottom: 11px;
    border-bottom: 1px solid #eee;
    margin-bottom: 11px;
    margin-top: 11px;
}

#recently-added .media-object,
#last-viewed .media-object {
    width: 64px;
    height: 64px;
    background: no-repeat 50% 50%;
    background-size: contain;
}

#recently-added p.lead,
#last-viewed p.lead {
    font-size: 16px;
    margin-bottom: 0;
}

.afterAddProductThumb{
    height: 150px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.afterAddProductCaption{
    width: 100%;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recentlyViewedProducts {
    visibility: hidden;
    &.slick-initialized { visibility: visible; }
    .slickItem{
        padding: 0 10px;
        &:focus{
            outline: none;
        }
    }

    .title{
        a{
            color: #000;
            display: block;
            -ms-text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .embed-responsive-item{
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .point_text{
        text-align: left;
        text-transform: initial;
        float: left;
        color: @brand-primary;
    }

    .btn-add-to-cart{
        color: @brand-primary;
        padding: 5px;
    }

    .product-info{
        background-color: @gray-light;
        min-height: 49px;
        padding: 15px 20px;
        text-transform: uppercase;
    }

    .slick-dots{
        bottom: -40px;
    }

    .slick-arrow{
        &:before{
           color: #000;
        }
    }
}
.no-margin(){
	margin-left: 0;
	margin-right: 0;
}
.ecomCheckoutFormPointsOnly{
	.no-margin{
		.no-margin()
	}
}
.ecomCheckoutForm{
	.no-margin{
		.no-margin()
	}
}

.cart-suggest-header{
    .title-inner{
        padding-top: @padding-base-vertical;
        padding-bottom: @padding-base-vertical;
    }
    .checkout-success{
        color: @brand-success;
    }
}

.checkout-suggest-text{
    display: block;
    margin-bottom: 15px;
}

.store-search{
    width: 100%;
}

.facetSearchTerm{
    .list-group-item:first-of-type{
        border-top: 0;
    }
}

@media(min-width: 768px){
    .cart-suggest-header{
        .btn-go-checkout{
            float: right;
        }
    }
}

.kcom2-text-white{
    color: white !important;
}
/** suggestionList.less */
.kcom2-suggestionList{
	li{
		padding: 6px 10px;

		&.first{
			font-weight: bold;
			background-color: @gray-lighter;
		}
	}
}
/** viewOder.less */
.view-order-container{
	.order-number{
		margin-bottom: 25px;
	}
	.media{
		.item-photo{
			width: 90px
		}
	}
	.item-row{
		margin-bottom: 15px
	}
	
}

@media (min-width: @screen-md){
	.view-order-container{
		.flex-item{
			display: -webkit-box;
		    display: -moz-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;

			-webkit-align-items: center;
			align-items: center;
		}
	}
}
/** promotions.less */
.competitionFormWrap {
    position: relative;
}

.competitionFormWrap .dropzone-previews {
    display: none !important;
}

.competitionFormWrap .competitionForm .thankyou {
    padding-top: 50px;
    width: 100%;
    height: 400px;
}


.rewardItem {
    padding: 0;
    position: relative;
    border: none;
}

.rewardItem .rewardItemTitle {
    margin-top: 0;
}

.rewardItem .rewardItemTitle a {
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.rewardItem{
    .bg-warning{
        .rewardItemContent, .rewardItemTitle a{
            color: @alert-warning-text;
        }
    }
    .bg-info{
        .rewardItemContent, .rewardItemTitle a{
            color: @alert-info-text
        }
    }
    .bg-danger{
        .rewardItemContent, .rewardItemTitle a{
            color: @alert-danger-text
        }
    }
    .bg-primary{
        .rewardItemTitle a{
            color: @btn-primary-color
        }
    }
}

.rewardItem .rewardItemDate {
    font-style: italic;
}

.rewardItem .closedReward {
    position: absolute;
    top: 13px;
    right: 11px;
    padding: 10px 15px;
    z-index: 1;
    color: #fff;
}

.rewardItem .embed-responsive-item {
    background-position: center;
    background-size: cover;
}

.promotionTile {
    position: relative;

    &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .rewardItemCaption {
        position: absolute;
        z-index: 2;
        bottom: 0;
    }

    background-position: center;
    background-size: cover;
    height: 0;
    padding-bottom: ~"calc((100% + @{grid-gutter-width}) * 0.8)";
    display: block;

    &.promotionTileHero {
        padding-bottom: ~"calc((100% + @{grid-gutter-width}) * 0.4)";
    }

    &:hover {
        text-decoration: none;
    }
}

.rewardItem .rewardItemActions {
    margin-top: 25px;
}

.rewardItemCaption {
    padding: 20px;
    color: #fff;
}

.promotion-photos {
    .promotion-photo {
        margin-bottom: 20px;
        overflow: hidden;
    }

    .promotion-photo-inner {
        position: relative;
        padding-bottom: 100%;
        background: no-repeat 50% 50%;
        background-size: cover;
        border: 1px solid #ddd;
        box-shadow: 0 0 1px rgba(0, 0, 0, .15);
        display: block;
    }

    .promotion-photo-label {
        padding: 5px;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        background: @brand-info;
    }
}

.promotion-photo-uploader {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;

    .dz-message {
        width: 100%;
    }
}

/** rewards.less */
.pointsUserPanel{
	padding-top: 40px
}
/** profile.less */
div{
    &.profilePic{
        .avatar {
            float: left;
            margin-right: 1em;
            height: 52px;
            width: 52px;
            border: 1px solid @gray-light;
        }
    }
}

body{
    &.profile{
        #fileupload {
            margin: 0;
            padding: 0;
        }
        .muploadBtn {        
            margin-left: 85px;
        }

        .fileupload-buttonbar{
            .progress {
                border: 1px solid #51A351;
                border-radius: 5px 5px 5px 5px;
                display: none;
                width: 65%;
                float: right;

                 div {
                    background-color: #51A351;
                    height: 2em;
                    width: 0;
                    padding: 0;
                    margin: 0;
                }
            }

        } 

        div{
            &.profilePic {
                padding-right: 0;
            }
        }
    }

    &.login-page, &.reset-password{
        background: @brand-primary;
    }

} 

p{
    .confirm {
         display: none;
    }
}
ul{
    &.memberships{
        list-style-type: none;
        margin: 0;

        li{
            border-bottom: 1px solid #E5E5E5;    
            padding: 5px 0 0;    
            position: relative; 

            &:first {
                padding: 0;        
            }  
        }

        a {
            span:not(.trans-lookup) {
                visibility: hidden;
            }
        }
    }
}

form {
    position: relative;

    .ajax-loader {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
    }

    &.ajax-processing{
        .ajax-loader {
            display: block;
            
        }
    }
}

.errorHandler{
    &.no-display{
        display: none;
    }
}

.well-opt-int {
    ul.memberships {
        padding:0;
        li {
            border: none;
            display: inline-block;
            label {
                position: relative;
                margin: 0 5px 5px 0;
                font-weight: 600;
                padding: 8px 15px;
                cursor: pointer;
                border: 1px solid @brand-primary;

            }
            input[type="checkbox"] {
                position: absolute;
                opacity:0;
                &:checked + label {
                    color: white;
                    background:@brand-primary;
                }
            }
        }

        &.show-checkbox{
            li {
                display: block;
                label{
                    border: 0;
                    padding: initial;
                }
                input[type="checkbox"] {
                    position: static;
                    opacity:1;
                    &:checked + label {
	                    color: inherit;
	                    background:none;
	                }
                }
            }
        }
    }
}


/** theme-params.less */
@padding-base-vertical: 12px;
@brand-success: #0db04b;
@padding-base-horizontal: 24px;
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
@brand-warning: #fff100;
@headings-color: inherit;
@link-color: #00adee;
@headings-font-weight: 300;
@border-radius-small: 3px;
@line-height-base: 1.428571429;
@brand-info: #00adee;
@headings-line-height: 1.1;
@border-radius-base: 4px;
@brand-danger: #ec1c24;
@headings-font-family: inherit;
@border-radius-large: 6px;
@brand-primary: #59595c;
@text-color: #59595c;
@font-size-base: 16px;
@font-family-sans-serif: 'ufonts.com_agenda-light','ufonts.com_agenda-bold';
@font-family-base: @font-family-sans-serif;
@font-face {
  font-family: 'ufonts.com_agenda-light';
  src: url('/theme/fonts/ufonts.com_agenda-light.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/ufonts.com_agenda-light.otf')  format('opentype'),
       url('/theme/fonts/ufonts.com_agenda-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/ufonts.com_agenda-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('/theme/fonts/ufonts.com_agenda-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/ufonts.com_agenda-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'ufonts.com_agenda-bold';
  src: url('/theme/fonts/ufonts.com_agenda-bold.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/ufonts.com_agenda-bold.otf')  format('opentype'),
       url('/theme/fonts/ufonts.com_agenda-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/ufonts.com_agenda-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/theme/fonts/ufonts.com_agenda-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/ufonts.com_agenda-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
h4, h5, h6 {
   font-family: 'ufonts.com_agenda-light';
}
h1, h2, h3 {
   font-family: 'ufonts.com_agenda-bold';
}