.clear{
  clear:both;
}

.btn {
  line-height: 14px;
}
/*PADDING*/
.pb-02 {
    padding-bottom: 2px !important;
}
.pt-02 {
    padding-top: 2px !important;
}
.pt-04 {
    padding-top: 4px !important;
}
.pt-10{
    padding-top: 10px !important;
}
/*MARGIN*/
.mt-6{
  margin-top: 48px;
}
.mb-100{
  margin-bottom:100px;
}
/*BORDER*/
.no-border{
	 border:0px solid #cacaca !important;
}
.border-top{
  border-top:1px solid #cacaca !important;
}
.border-bottom{
  border-bottom:1px solid #cacaca !important;
}
/*MARGIN*/
.mar-auto{
	 margin:0 auto !important;
}

/*TEXT CASE*/
.text-upper{
  text-transform: uppercase;
}
.text-capitalize{
  text-transform: capitalize;
}

/*TEXT ALIGN*/
.text-left{
   text-align: left;
}
.text-center{
	 text-align: center;
}
.text-right{
	 text-align: right;
}
/*FONT FAMILY*/
.f-arial{
  font-family: arial;
}


/*FONT SIZES*/
.font-8{
   font-size: 8px !important;
   line-height: 9px;
}
.font-9{
   font-size: 9px !important;
   line-height: 10px;
}
.font-10{
   font-size: 10px !important;
   line-height: 12px;
}
.font-11{
   font-size: 11px !important;
   line-height: 13px;
}

.font-12{
   font-size: 12px !important;
   line-height: 14px;
}
.font-13{
   font-size: 13px !important;
   line-height: 15px;
}
.font-14{
   font-size: 14px !important;
   line-height: 18px;
}
.font-15{
   font-size: 15px !important;
   line-height: 20px;
}
.font-16{
   font-size: 16px !important;
   line-height: 18px;
}
.font-18{
   font-size: 18px !important;
   line-height: 20px;
}
.font-19{
   font-size: 19px;
   line-height: 21px;
}
.font-20{
   font-size: 20px !important;
   font-weight: 100;
}
.font-22{
   font-size: 22px !important;
   line-height: 24px !important;
}
.font-24{
   font-size: 24px;
   line-height: 26px;
   letter-spacing: 1px;
}
.font-28{
   font-size: 28px !important;
   font-weight: 700;
}
.font-43{
  font-size: 43px !important;
  line-height: 45px;
}

/*.font-50{
    font-size: 50px;
    line-height: 52px;
}*/
.font-50{
    font-size: 40px;
    line-height: 42px;
}
/*LINE HEIGHT*/
.lh-24{
      line-height: 24px;
}
/*WIDTH*/
.w-90{
	width: 90%;
}

/*HEIGHT*/
.ht-70{
  height: 70px;
}
.ht-29{
  height: 29px;
}

/*FONT WEIGHT*/
.ft-wt-300{
   font-weight: 300 !important;
}
.ft-wt-400{
   font-weight: 400 !important;
}
.ft-wt-500{
   font-weight: 500;
}
.ft-wt-600{
   font-weight: 600;
}
.ft-wt-700{
   font-weight: 700 !important;
}

/*Letter spacing*/
.lt-spc05{
   letter-spacing: 0.5px;
}
.lt-spc1{
	 letter-spacing: 1px;
}
.lt-spc2{
	 letter-spacing: 2px;
}

/*LINE HEIGHT*/
.l-30{
	 line-height: 30px;
}

/*FONT COLOR*/
.text-white{
   color:#fff !important;
}
.text-red{
   color:#EC4433 !important;
}
.text-grey{
   color:#7d7d7d; /* Login page: used for google plus text */
}
.text-grey1{
   color:#8a8a8a !important; /*Login page: used for new user*/
}
.text-grey2{
  color:#444; /*used on dashboard page : OFFER TITLE*/
}
.text-grey3{
  color:#232323;  /*used on detail page : category title */
}
.text-grey4{
  color: #414141 !important; /*used on listing page : category title */
}
.text-grey5 {
    color: #4a4a4a !important; /*used on calendar page h5 tag : modules*/
}
.text-dgrey{
  color: #7d7d7d !important;  /*used on listing page : cancelled price*/
}


.text-grey6{
  color: #737373 !important; /*used on profile page :links*/
}
.text-purple{
   color: #6c50ff;
}
.text-pink{
  color:#e12671;
}
.text-blue{
  color:#0090ff;
}

.text-dblue{
  color:#04f;
}
.text-lgreen{
  color: #87ec42;
}
.text-dgreen{
  color:#2de28e;
}
.text-yellow{
  color:#e1a10c;
}
.text-red{
  color: #EC4433;
}
.text-orange{
  color:#ee6c0e;
}
/*BACKGROUND*/
.bg-transparent{
   background: transparent !important;
}
.bg-peach{
  background: #ececec;
}
.bg-google {
    background: #dd4b39;
}
.bg-white{
  background: #fff;
}
.bg-red{
  background: #e94c2c !important;
}
.bg-purple{
  background: #70f !important;
}
.bg-grey{
  background: #7b7b7b !important;
}
.bg-blue{
  background: #60beef !important;
}

.bg-green{
  background:#58a545 !important;
}

/*BOX SHADOW*/
.no-shadow{
  box-shadow: none;
}

/*BUTTON*/
.bt-rel{
  position: relative;
} 
.btn-red{
  background: #e94c2c;
  color: #fff !important;
}
.btn-dblue{
  background:#2680eb;
  color: #fff !important;
}

.bt-ht-50{
  height: 50px;
}
.btn-ssm{
  height: 39px !important;
}

.bt-blue{
    background: #3cabe5;
    color: #fff;
    border: 1px solid #3cabe5;
    font-size: 10px !important;
    padding: 10px;
}


/*BORDER WIDTH*/
.bw-2{
      border-width: 2px;
}

/*BORDER RADIUS*/
.br-4{
      border-radius: 4px !important;
}
.br-20{
      border-radius: 20px;
}


.section-title {
    font-size: 15px;
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #141515;
    font-weight: 500;
    line-height: 23px;
}
/*FIXED FOOTER*/
.fixed-ft{
      min-height: 70px;
}


/*FORM FIELDS*/
.form-group.boxed .form-control {
    background: #fff;
    box-shadow: none;
    height: 50px;
    border-radius: 4px;
    padding: 0 40px 0 16px;
}
.form-group.boxed textarea.form-control{
      padding: 15px 40px 15px 16px;
}
.form-group.boxed .clear-input {
    right: 0;
    height: 50px;
    width: 40px;
}
/*FLEX*/
.flex-disp{
  display: flex;
  align-items: center;
}
.flex-disp1{
  display: flex;
}
.disp-block{
	display: block;
}
.tick ion-icon{
	font-size: 20px;
    color: #007bff;
    font-weight: 600;
    padding: 2px 3px 0 0px;
}
/*DIVIDER */
.divider-grey{
      height: 2px;
    background: #E1E1E1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee !important;
}
/*HEADER*/
.appHeader {
    min-height: 65px;
}
.appHeader .left, .appHeader .right {
    height: 65px;
}
.nkis-header .back-arrow ion-icon{
  color:#9D9D9C;
  font-size: 20px;
}
.nkis-header .user-icon ion-icon, .nkis-header .headerButton ion-icon{
  color:#aaaaaa;
}
.nkis-header.bg-blue .headerButton ion-icon{
    color:#fff !important;
} 
.title-cut-sub {
    overflow: hidden;
    white-space: nowrap;
    width: 88%;
    letter-spacing: 0;
    text-overflow: ellipsis;
    text-align: center;
}
.title-cut-sub2{
    display: block;
    display: -webkit-box;
    max-width: 100%;
    width: 96% !important;
    height: 39px;
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
.w-80{
	width: 80% !important;
}
.like-filled-light{
  color:#ff9292 !important;
}
.badge-heart{
min-width: 16px;
height: 16px;
line-height: 9px !important;
font-size: 10px;
padding: 0 4px !important;
position: absolute;
right: 15px !important;
top: 20px !important;
color: #fff;
}
/*SIDE MENU*/
.image-listview > li .item .in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #737373;
    font-size: 16px;
}
.panelbox-left .image-listview > li, .panelbox-right .image-listview > li {
    /*padding: 0;*/
    padding: 10px 0;
}
/*FOOTER*/
.nkis-footer ion-icon,.nkis-footer strong{
      color: #9b9b9b !important;
}
.nkis-footer strong{
  text-transform: uppercase;
}
/***********************  PAGE : LOGIN ***********************/
.outer-circle {
    padding: 8px 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 17px;
}
.outer-circle i{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 15px;
}

.with-google:hover{
  background: #EC4433 !important;
  color: #fff !important;
}
.show-password{
   position: absolute;
    right: 4px;
    top: 15px;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
}
.show-password ion-icon{
    font-size: 20px;
    color: #919191;
    line-height: 22px;
}
/***********************  PAGE : REGISTER ***********************/
.divide-50l {
    width: 45%;
    float: left;
}
.divide-50r {
    width: 45%;
    float: right;
}


/***********************  PAGE : LISTING ***********************/
.category-listing .col-6{
    padding:0; 
}
.category-listing .card {
    background: #ffffff;
    border-radius: 0px;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    padding:15px;
    text-align: left;
}
.cat-img-cover{
  position: relative;
  height: 185px;
  overflow: hidden;
}

.cat-img-cover .cat-img{
    display: flex;
    min-height: 155px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:0 10px;
}
.outofstock{
  opacity: 0.3;
}

.cat-img-cover .cat-img img{
    /*max-height: 100px;*/
    overflow: hidden; 
    border-radius: 0 !important;
}

.cat-img-cover .chip-offer{
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  height: 55px;
  width: 55px;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  flex-direction: column;
}

.few-left{
      height: 20px;
      position: absolute;
      bottom: 0;
}

.cat-price{
  display: flex;
  position: relative;
  align-items: center;
}
.orginal-price{
  text-decoration:  line-through;
}
.cat-price .liked-cat{
      font-size: 22px;
      position: absolute;
      right: 0;
}

/*.cat-price .unlike-filled{
  color: #dbdbdb;
}
.cat-price .like-filled{
  color: #ff4a4a;
}*/
 .liked-cat.unlike-filled{
  color: #dbdbdb;
}
 .liked-cat.like-filled{
  color: #ff4a4a;
}

.btn-filter{
  padding: 0px 0px;
}
.btn-filter ion-icon{
  margin-right: 0px;
}
/*Filter Popup*/
.filter-popup .custom-checkbox{
   text-align: left;
}

/***********************  PAGE : DETAILS ***********************/
.instock-label{
    position: relative;
    left: 0;
    top: 0%;
    right: 0;
    width: 100%;
    z-index: 600;
    min-height: 52px;
    margin-top: env(safe-area-inset-top);
    transition: 0.2s all;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    padding: 10px 16px;
    line-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chip-offer-detail {
      position: absolute;
      display: flex;
      top: 28px;
      right: 20px;
      height: 47px;
      width: 47px;
      align-items: center;
      border-radius: 100%;
      justify-content: center;
      flex-direction: column;
      margin: 0 !important;
      padding: 0;
}


/*CAROUSEL*/
.owl-carousel {
   z-index: 0;
}
.nkis-carousel.carousel-slider .owl-dots {
   /*position: initial;*/
   position: absolute;
   left: 0;
   right: 0;
   /*bottom: 100px;*/
   bottom: 0px;
   outline: 0 !important;
}
.nkis-carousel.owl-carousel .owl-stage-outer {
   padding-bottom: 0px;
   margin-bottom: -20px;
}

.nkis-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
   background: #60beef !important;
   border: 1px solid #60beef;
}
.nkis-carousel.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px solid #D6D6D6;
}
.slider-outer{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 300px;
}
.slider-outer img{
  /* width: auto !important; */
  width: 100% !important;
  border-radius: 0px;
  margin:0 !important;
}


.program-outer {
    position: relative;
    padding: 5px 0 0;
}
.program-outer .workout-types {
    margin: 20px 0 0 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 18px 25px;
}

/*ADD ITEMS*/
.price-display{
  width: 60%;
}
.add-btn{
  width: 48%;
}

.add-btn.add-btn-b4{
    background: #ffffff;
    padding: 8px 0;
    border: 2px solid #ff5e2c;
    border-radius: 5px;
    cursor: pointer;
    color: #ff5e2c;
}
.add-btn.add-btn-ofstock{
    background: #ffffff;
    padding: 8px 0;
    border: 2px solid #6d6d6d;
    border-radius: 5px;
    cursor: pointer;
    color: #6d6d6d;
}
.add-btn.add-btn-inc, .cart-add-btn.add-btn-inc {
    background: #ffffff;
    padding: 8px 0;
    border: 2px solid #cbcbcb;
    border-radius: 5px;
    text-align: center;
}
.add-btn.add-btn-inc .qtyminus, .add-btn.add-btn-inc .qtyplus, 
.cart-add-btn.add-btn-inc .qtyminus, .cart-add-btn.add-btn-inc .qtyplus, 
.cart-add-btn.add-btn-inc .qty {
    color: #fff !important;
    background: #7e7e7e;
}
.add-btn.add-btn-inc .qty{
    color: #ff6231;
    background:#fff !important;
}
.qty {
    width: 60px;
    height: 27px;
    color: #000;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0px solid #464646 !important;
    border-right: 0px solid #464646 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    background: transparent;
    text-align: center;
    outline: none;
}
.qtyminus, .qtyplus {
    width: 23px;
    height: 23px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #676767 !important;
    border-radius: 20px !important;
    font-weight: 500;
    font-size: 21px;
    line-height: 19px;
    padding: 0 0 3px 0;
    outline: none;
}

.form-button-group2 {
    position: fixed;
    bottom: 57px;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    background: #ff6231;
    color: #fff;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: env(safe-area-inset-bottom);
}
.view-cart{
  display: flex;
  align-items: center;
}

.view-cart ion-icon{
    font-size: 20px;
    padding: 0 0 0 10px;
}

.component-specification{
	text-align: left;
	margin:10px 0 0;
}

.component-specification tr{
	border-bottom: 1px solid #cacaca;
}
.component-specification tr:first-child{
	border-top: 1px solid #cacaca;
}
.component-specification tr td{
	padding: 10px 0 10px 0;
}

.component-specification tr th{
	width: 38%;
	padding: 10px 5px 10px 0; 
}
.component-specification ul,.component-specification tr td ul, .component-specification tr th ul{
	padding: 0 0px 0 20px;
}
.component-specification ul li,.component-specification tr td ul li, .component-specification tr th ul{
	    margin: 0 0 12px;
}
/***********************  PAGE : DASHBOARD ***********************/
.wide-block.wide-block2 {
    overflow-x: scroll;
    overflow-y:-moz-hidden-unscrollable; 
    background: transparent;
    border-top: 0px solid #E1E1E1;
    border-bottom: 0px solid #E1E1E1;
    padding-left: 16px;
    padding-right: 16px;
}

.tab-active {
    background: #333 !important;
    border-color: #333 !important;
    color: #ffffff !important;
}
.btn-outline-mix {
    position: relative;
    background: white;
    border-color: #ffffff;
    border-width: 1px;
    color: #000;
    /* min-width: fit-content!important; */
    transition: 0.2s all;
    height: 80px;
    width: 80px;
    padding: 11px;
}
.btn-outline-mix p{
    position: absolute;
    bottom: -34px;
}
.btn-outline-mix  svg{
      width: 60px;
}

.category-listing .item-list-slides .card {
    background: transparent;
    border-radius: 0px;
    border: 0;
    box-shadow: none;
    border-bottom: 0px solid #cacaca;
    border-right: 0px solid #cacaca;
    padding: 0;
    text-align: left;
}

.item-list-slides .card .cat-img-cover {
    position: relative;
    height: 150px;
    overflow: hidden;
}
.item-list-slides .cat-img-cover .chip-offer {
    top: 7px;
    right: 7px;
}

.item-list-slides .cat-img-cover .cat-img {
    border-radius: 25px;
}

.search-area .searchbox .input-icon {
    font-size: 26px;
    position: absolute;
    right: 0px;
    width: 36px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A1A1A2;
    top: 0;
    left:auto;
}
.search-area  .searchbox .form-control {
    height: 50px;
    border-radius: 6px;
    border: 1px solid #E1E1E1 !important;
    padding: 0 36px 0 16px;
    font-size: 15px;
    box-shadow: none !important;
    color: #141515;
}

.dashboard-area.item-list-slides .card .cat-img-cover {
    position: relative;
    height: 168px !important;
    overflow: hidden;
}

/***********************  PAGE CATEGORY ***********************/
.category-list .listview{
  border-bottom: 0px solid;
}
.category-list .image-listview.media > li {
    border-bottom: 1px solid #E1E1E1;
    background: #ffff;
    border: 1px solid #cacaca;
    border-radius: 7px;
    margin: 10px 10px 14px;
}
/*.category-list .imageWrapper svg{
  width: 100%;
}*/

/***********************  PAGE CART ***********************/
.cart-list-items .image-listview > li .item .image {
    min-width: 50px;
    max-width: 50px;
    width: 50px;
    height: 49px;
    border-radius: 400px;
    margin-right: 8px;
}
.cart-list-items  .listview > li::after {
    content: "";
    display: block;
    position: absolute;
    left: 16px !important;
    right: 16px;
    bottom: 0;
    height: 1px;
    background: #E1E1E1;
}
.cart-list-items .listview > li:last-child:after{
      display: none;
}
.cart-list-items .listview{
  border-top: 0px solid #E1E1E1;
}
.cart-list-head{
  background: #ececec;
}
.cart-list-head .item{
  min-height: 42px !important;
  padding: 7px 16px 11px !important;
}
.cart-list-items  .listview > li.noafter::after{
  display: none;
}
.item-name{
  width: 50%;
  position: relative; 
}
.item-name .title-cut-sub{
  width:98%;
  text-align: left;
}
.add-btn-cart {
    background:transparent !important;
    width: 50%;
    position: absolute;
    right: 0;
    border: 0px solid #000 !important;
    padding: 0 3px !important;
    top: 15px;
}
.add-btn-cart .qty {
    width: 33px;
}
.tp-neg-7{
  top: -7px;
}
.tp-neg-10{
  top: -10px;
}
.rad-select{
  border: 0px solid #000 !important;
}
.rad-select .custom-radio{
  width: 50%;
   float: left;
}
.clear{
  clear:both;
}

.justify{
	    justify-content: unset;
}
.justify input{
	width: 200px;
	margin: 0 0px 0 6px;
}
/***********************  PAGE DELIVERY ADDRESSES  ***********************/
/*order delivery locations*/
.delivery-location .custom-control-label{
  text-align: left;
}
.delivery-location .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 18px !important;
    height: 18px !important;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #cccccc solid 3px !important;
}
.delivery-location .custom-control .custom-control-label:after {
    margin-top: -1px;
    margin-left: 1px;
}
.delivery-location  .custom-control .custom-control-input:checked ~ .custom-control-label:before {
    background: #3cabe5 !important;
    border-color: #3cabe5 !important;
}
.delivery-location  .location-add{width: 80%}
.delivery-location h5{position: relative;}
.delivery-location h5 span,.delivery-location span.location-status{position: absolute;right: 0;top: 0;    padding: 0px 12px;}
.delivery-location li span.for-status{position: absolute;
    right: 33px;
    top: 16px;
    padding: 0px 0px;
}
.delivery-location .pin{line-height: 0;}


.btn-xsm {
    height: 23px;
    padding: 0px 12px;
    font-size: 11px;
}
.stateline .btn-outline-blue {
  background: transparent;
  border-color: #3cabe5;
  border-width: 1px;
  color: #3cabe5;
  transition: 0.2s all;
}
.stateline .btn-outline-red{
  background: transparent;
border-color: #EC4433;
border-width: 1px;
color: #EC4433;
transition: 0.2s all;
}
.stateline .btn:hover{
  background:#fff;
}


.profile .user-edits a{
  color: #737373 !important;
}

.google-nkis{
  width: 90%;
  height: 48px;
  margin: 0 auto;
  border: 3px solid #cc0000;
}

/************************** Additional css changes :27-07-2021 ****************************/
.prod-name{
  width: 20%;
}
.prod-qty-total{
width: 80% !important;
}

.image-cove{
  width: 126px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.image-cove img{
  width:100%;
}
.with-google2 {
  position: relative;
}
.with-google2 .outer-circle {
  display: block !important;
  width: 89%;
height: 48px;
margin: 0 auto !important;
border: 2px solid #ec4433 !important;
border-radius: 6px !important;
text-align: center;
}
.with-google2 .outer-circle div{
  padding: 13px 10px !important;
  float: none !important;
  /*position: absolute;*/
  left:10px;
  display: inline-flex;
}
.with-google2 .outer-circle span{
  padding: 10px 10px 10px 0px !important;
  position: relative;
  top: -3px;
}
.title-cut{
  justify-content: flex-start;
}

.title-cut .pageTitle{
  overflow: hidden;
white-space: nowrap;
width: 60% !important; 
letter-spacing: 0;
text-overflow: ellipsis;
text-align: center;
margin: 0 40px;

}
.title-cut .left{
  width: 10%;
}

/*.title-cut .right{
  width: 30%;
}*/

.category-img .image-listview.media > li .imageWrapper {
    width: 40%;
    padding: 10px 0;
}
.category-img .image-listview.media > li .imageWrapper img {
    width: 100%;
}
/************************** Media Queries ****************************/
@media screen and (max-width:600px){
  .category-list .imageWrapper svg {
    width: 100%;
  }
  .category-list .image-listview > li .item {
      padding: 0px 16px;
      width: 100%;
      /* min-height: 50px; */
      display: flex;
      align-items: center;
  }

  /*CART*/
  .item-name {
    width: 210px;
    position: relative;
  }
}