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


/** fonts.less */
@font-face {
    font-family: 'MetricHPE';
    src: url('/theme/fonts/MetricHPE-Bold.eot');
    src: url('/theme/fonts/MetricHPE-Bold.eot?#iefix') format('embedded-opentype'),
        url('/theme/fonts/MetricHPE-Bold.woff2') format('woff2'),
        url('/theme/fonts/MetricHPE-Bold.woff') format('woff'),
        url('/theme/fonts/MetricHPE-Bold.ttf') format('truetype'),
        url('/theme/fonts/MetricHPE-Bold.svg#MetricHPE-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HPE Simple';
    src: url('/theme/fonts/HPESimple-Light.eot');
    src: url('/theme/fonts/HPESimple-Light.eot?#iefix') format('embedded-opentype'),
        url('/theme/fonts/HPESimple-Light.woff2') format('woff2'),
        url('/theme/fonts/HPESimple-Light.woff') format('woff'),
        url('/theme/fonts/HPESimple-Light.ttf') format('truetype'),
        url('/theme/fonts/HPESimple-Light.svg#HPESimple-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MetricHPE';
    src: url('/theme/fonts/MetricHPE-Regular.eot');
    src: url('/theme/fonts/MetricHPE-Regular.eot?#iefix') format('embedded-opentype'),
        url('/theme/fonts/MetricHPE-Regular.woff2') format('woff2'),
        url('/theme/fonts/MetricHPE-Regular.woff') format('woff'),
        url('/theme/fonts/MetricHPE-Regular.ttf') format('truetype'),
        url('/theme/fonts/MetricHPE-Regular.svg#MetricHPE-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/** app.less */
.regiter-form-container{
    label, a{
        color: white;
    }
}

.login-container{
    .btn-login{
        width: auto;
        margin: 0 auto;
        background-color: @btn-success-bg;
        border-color: @btn-success-border;
    }
    
    .forgot-password{
        .small{
            font-size: 90%;
        }
    }
}

.navbar-main-collapse{
	.navbar-nav{
		> li{
			padding-top: 10px;
			padding-bottom: 10px;

			> a:hover,a:focus, a:active{

			}
		}
	}
}

.footer-links{
    ul{
        padding: 0;
        list-style: none;
        text-align: right;
        margin-top: 5px;
        li:not(:last-of-type){
           
            a{
                border-right: 1px solid @brand-success;
                padding-right: 5px;
            }
        }
    }
    
    li{
        display: inline-block;
    }
    
    a{
        color: white;
        font-size: 14px;
    }
}

.panel-circle-sales{
    .circle-sales-label{
        .current-sales{
            font-size: @font-size-h3;
            color: white;
            font-weight: bold;
            margin-bottom:30px
        }
        
        .target{
            font-size: @font-size-h5;
            color: white;
            font-weight: bold;
        }
        
        .target-label{
            margin-top: 10px;
            font-size: 18px;
        }
    }
    
    &.extreme-growth{
        .target-label, .circle-sales-title{
            color: @brand-danger;
        }
    }
    &.escape-revenue{
        .target-label, .circle-sales-title{
            color: @brand-info;
        }
        
        
    }
}
/** kademi.less */
/*
*https://github.com/Kademi/kademi-dev/issues/9044#issuecomment-590274860
*/
.iconpicker-popover{
	.btn{
		&.btn-next, &.btn-previous{
			&.disabled{
				pointer-events: none;
			}
		}
	}
}
/** 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;
    }
}

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

.upload-zone.panel{
	&.panel-default{
		> form{
			&.dropzone{
				background: @body-bg
			}
		}
	}  
}

.upload-btn-group{
	float: left;
	margin-bottom: 15px;
}
.upload-btn-group{
	&.btn-group-left{
		text-align: left;

	}
	&.btn-group-right{
		float: right;
	}
}


@media (max-width: 767px){
	.upload-btn-group{
		width: 100%;
		&.btn-group-right{
			text-align: left;
		}

		.btn{
			display: block;
			width: 100%;
			&:not(:last-of-type){
				margin-bottom: 15px;
			}
		}
	}
}



/** custom.less */
.iti__flag-container{
	.iti__country-list{
		z-index: 10
	}
}
/** myInbox.less */
.panel-heading {
    border-bottom: 1px solid #ddd !important;
}
/** jquery.entityFinder.less */
.search-wrapper {
    .search-suggestions {
        li{
            &.active{
                .text-muted{
                   color: @gray-light;
                }
            }

            a{
                color: @text-color;
            }
        }
    }
}
/** register.less */
.regiter-form-container{
	.input-group{
		&.full-width{
			width: 100%;
		}
	}
}
/** 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;
}

/** jquery.contentEditor.less */
.keditor-iframe-body .container-bg {
    display: block !important;
}
/** 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;
    }
}
.navbar-pills{
    .navbar-toggle {
        border-color: @navbar-default-toggle-border-color;
        &:hover,
        &:focus {
          background-color: @navbar-default-toggle-hover-bg;
        }
        .icon-bar {
          background-color: @navbar-default-toggle-icon-bar-bg;
        }
    }
}
@media (max-width: @screen-sm-max){
    .navbar-collapse{
        .nav-pills{
            > li{
                float: none;

                > .dropdown-toggle{
                    i{
                        position: absolute;
                        right: 14px;
                        top: 13px;
                    }
                }
            }
        }
    }

}

[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;
            }
        }
    }
}
/** 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; }
    }

    @media (min-width: 767px) and (max-width: 991px) {
        .padding-product-details-quantity-input() {
            padding-left: 12px;
            padding-right: 12px;
        }
        .product-actions {
            .input-group {
                #basic-addon1 {
                    .padding-product-details-quantity-input;
                }
                .product-quantity {
                    .padding-product-details-quantity-input;
                }
                .btn-ecom-add-to-cart {
                    .padding-product-details-quantity-input;
                }
            }
        }
    }
}

.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: 991px){
            .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;
    opacity: 0.5;

    & > 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{
        opacity: 1;
        i{
            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: 34px;
    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%;
    margin-bottom: 10px;
}

.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;
}

.submit-order{
    .btn-right{
        .btn{
            text-transform: uppercase;
        }
    }
}

@media(max-width: @screen-md-max){
    .submit-order{
        .btn-left{
            margin-bottom: 15px;
            .btn{
                display: block;
                width: 100%;
            }
        }
    }
}

@media(max-width: @screen-xs-max) {
    #basic-addon1 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .product-quantity {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#price-slider .noUi-connect{
    background: @brand-info;
}

.form-control.customRangeInput{
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    @media (max-width: 767px){
        max-width: 100%;
    }
}

.custom-range-wrapper {
    @media (min-width: 767px) {
        max-width: 270px !important;
        display: flex !important;
    }
}

.custom-range-group {
    @media (min-width: 767px) {
        display: flex !important;
    }
}

.cart-link-mobile {
    .cart-link-mobile-wrapper {
        &:not(.hidden) {
            padding: 16px;
            margin-right: 60px;
            @media (max-width: 991px) {
                display: inline-block !important;
            }
            @media (min-width: 991px) {
                display: none !important;
            }
        }
    }
}

.cart-link-desktop {
    .cart-link-wrapper {
        &:not(.hidden) {
            @media (max-width: 991px) {
                display: none !important;
            }
            @media (min-width: 991px) {
              display: block !important;
            }
        }
    }
}

#kcom2-cart-items {
    .ecom-item-quantity {
        .btn-inc-dec-tablet() {
            @media (min-width: 991px) and (max-width: 1200px) {
                padding: 6px 13px;
            }
        }
        .btn-increase-quantity {
            .btn-inc-dec-tablet;
        }
        .btn-decrease-quantity {
            .btn-inc-dec-tablet;
        }
    }
}

.btn-loader-wrap {
    margin-bottom: 10px;
    .btn-circle {
        font-size: 18px; 
        text-align: center; 
    }
}
/** 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%;
    }
}

.fb-date{
    input[type="date"]{
        &.form-control{
            line-height: @line-height-base;
        }
    }
}

/** rewards.less */
.pointsUserPanel{
	padding-top: 40px
}

.pointsHistoChart{
	z-index: 90;
}
/** claimStatus.less */
.claim-info-list{
	display: table;
	padding: 0;
	width: 100%;

	> thead{
		> tr{
			> th{
				vertical-align: middle;
			}
		}
	}

}

@media(min-width: 768px) and (max-width: 1024px){

}

.form-new-claim.bg-transparent{
	.claim-item{
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
}
/** claimForm.less */
.form-new-claim{
	.form-group{
	    &.has-error{
	        .btn-upload-receipt{
	            background-color: @brand-danger;
	            border-color: darken(@btn-danger-bg, 5%);
	        }
	    }
	}
}

.delete-claim-item {
    position: relative;
    z-index: 99;
}
/** circleSales.less */
.panel-circle-sales {
    position: relative;
    
    .circle-sales-wrapper {
        margin: 0 auto;
        width: 90%;
        
        @media (max-width: 767px) {
            max-width: 320px;
            margin-bottom: 30px;
        }
        
        &.no-margin {
            margin-bottom: 0;
        }
    }
    
    .circle-sales-title {
        font-size: @font-size-h4;
        display: block;
    }
    
    .circle-sales {
        position: relative;
        padding-bottom: 100%;
    }
    
    .circle-sales-title + .circle-sales {
        margin-top: 10px;
    }
    
    .circle-sales + .circle-sales-title {
        margin-top: 10px;
    }
    
    .circle-sales-knob-wrapper {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 1;
        height: 100%;
    }
    
    .circle-sales-label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 22px;
        font-weight: bold;
        z-index: 2;
        
        span {
            font-size: 16px;
            line-height: 18px;
            font-weight: 300;
            display: block;
            margin-bottom: 15px;
        }
    }
    
    .target-track-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        color: #fff;
        font-size: 25px;
        line-height: 28px;
        
        &.on-track {
            background: @brand-success;
        }
        
        &.off-track {
            background: @brand-danger;
        }
        
        @media (max-width: 767px) {
            position: static;
            height: auto;
            padding: 30px 15px;
            
            .target-track {
                position: static;
                transform: none;
                text-align: center;
            }
        }
    }
    
    .target-track {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        
        p {
            margin: 10px 0 0;
        }
    }
}
/** salesdata.less */
.panel-kpi-visualisation{
    &.noGrid .tick line {
      opacity: 0;
      display: none;
    }
    &.invertedPanel .nv-x text{
      fill: white;
    }
}

.panel-total-sales{
	.amount-text{
		font-size: @font-size-h2;
	}
}
/** 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 */
@font-family-base: 'MetricHPE', Arial, sans-serif;
@headings-font-family: 'MetricHPE', Arial, sans-serif;

@brand-success: #32ba8a;
@brand-primary: #ffcb08;
@brand-info: #514fa9;
@brand-danger: #ff7d24;
@brand-warning: #8f4c9d;

@padding-base-vertical: 12px;
@padding-base-horizontal: 24px;
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
@headings-color: inherit;

@headings-font-weight: bold;
@border-radius-small: 3px;
@line-height-base: 1.428571429;
@headings-line-height: 1.1;
@border-radius-base: 4px;
@border-radius-large: 6px;
@text-color: rgb(52, 61, 63);
@font-size-base: 18px;

@link-color: #000;