body {
    font-family: 'Montserrat', sans-serif !important;
}

body,
.list-block input[type="date"],
.list-block input[type="datetime-local"],
.list-block input[type="email"],
.list-block input[type="number"],
.list-block input[type="password"],
.list-block input[type="search"],
.list-block input[type="tel"],
.list-block input[type="text"],
.list-block input[type="time"],
.list-block input[type="url"],
.list-block select,
.list-block textarea,
.content-block-title {
    color:gray;
}
.delivery{
    text-align: center;background: white;
border-radius: 20px;
width: 100px;
color: black;
height: 110px;
width: 120px;
padding-top:20px
}
body
{
    color: #333333a3;
}
p {
    margin: 1em 0;
}

.text-right {
    text-align: right;
}
.panel-header span#brandname{
    /*color: red;*/
   /* color: #264797;*/
     color: #fff;
    font-size: 23px;
    margin-top: 6px;
    padding-top: 1px;
}
.facebook-card .card-footer a {
   font-size: 12.5px !important;
}
/*********ORders*********/
.paymendetailid{
    /*color: red;*/
    color: #264797;
}
.paymentdetail{
    text-transform: none!important;
}
.totalDil {
   
  background: #e94637;
  color: white;
  padding: 30px 20px;
  margin-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin: 10px;
}
floating-button.theme-teal, .speed-dial-buttons a.theme-teal, .theme-teal .floating-button, .theme-teal .speed-dial-buttons a {
  color: #fff;
  background: #e94637;
}

.page[data-page="cart"] #lblCartCountt1{
color: #748080;
font-weight: bold;
    text-transform: uppercase;

}

.page[data-page="cart"] #cartAmtt1, .page[data-page="cart"] #delAmtt1, .page[data-page="cart"] #delAmtt, .page[data-page="cart"] #cartAmtttotal{
float: right;
}

.page[data-page="payment-history"] input::placeholder, .page[data-page="billing-history"] input::placeholder{
    color: #222020;
}

.page[data-page="order-detail"] .product-image img {
  display: block;
  height: 120px;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}
.page[data-page="order-detail"] .product-price {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
.page[data-page="order-detail"] .product-name {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px;
  
}
.save-price {
    width:40px;
  margin-top: 2px;
}
.save-price .tag {
    width:100px;
  background: rgb(255, 152, 0) none repeat scroll 0% 0%;
  padding: 2px;
  border-radius: 40px !important;
  color: rgb(255, 255, 255);
}

.final-price {
  color: #009688;
}
.save-price .tag {
  background: rgb(255, 152, 0) none repeat scroll 0% 0%;
  padding: 2px;
  border-radius: 2px;
  color: rgb(255, 255, 255);
}

.page[data-page="order-detail"] .product-name small {
  color: #666;
  font-weight: normal;
  font-style: italic;
}

.page[data-page=checkarea] .apartmentSelect .smart-select .item-after {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: contents;
}

/*
|------------------------------------------------------------------------------
| About Us
|------------------------------------------------------------------------------
*/


.page[data-page=about-us] .logo {
    display: block;
    height: 92px;
    margin: 0 auto;
    width: auto;
}

.page[data-page=about-us] .tagline {
    font-size: 13px;
    margin-top: 8px;
}


/*
|------------------------------------------------------------------------------
| Acknowledgements
|------------------------------------------------------------------------------
*/

.page[data-page=acknowledgements] .item-title {
    font-size: 14px;
}


/*
|------------------------------------------------------------------------------
| Articles List
|------------------------------------------------------------------------------
*/

.page[data-page=articles-list] .articles-list {
    margin: 16px 0;
}

.page[data-page=articles-list] .articles-list .card {
    background-color: #F1F2F1;
    box-shadow: none;
}

.layout-dark .page[data-page=articles-list] .articles-list .card {
    background-color: #333333;
}

.page[data-page=articles-list] .articles-list .card-header {
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 16px;
}

.page[data-page=articles-list] .articles-list .card-header.valign-bottom {
    -ms-flex-align: start;
    -webkit-align-items: flex-end;
    align-items: flex-start;
    -webkit-box-align: start;
}

.page[data-page=articles-list] .articles-list .card-content {
    color: #212121;
}

.layout-dark .page[data-page=articles-list] .articles-list .card-content {
    color: rgba(255, 255, 255, 0.87);
}

.page[data-page=articles-list] .articles-list .article-title {
    font-size: 13px;
}

.page[data-page=articles-list] .articles-list .article-categories {
    margin-top: 4px;
}


/*
|------------------------------------------------------------------------------
| Careers
|------------------------------------------------------------------------------
*/

.page[data-page=careers] .hero {
    background-image: url(https://source.unsplash.com/p9d6ixYqqm8);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
    position: relative;
}

.page[data-page=careers] .hero:before {
    background-color: rgba(128, 128, 128, 0.5);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page[data-page=careers] .hero .hero-content {
    align-items: center;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.87);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px;
    position: relative;
    text-align: center;
}
.adhocdatefield{
    border: 1px solid #dfd4d4;
    font-size: 14px!important;
    margin-top: 8px;
    border-radius: 5px;
}
.page[data-page=careers] .hero .hero-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 24px;
}

.page[data-page=careers] .content-block-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 20px;
    overflow: hidden;
}

.page[data-page=careers] .list-block-benefits .item-media i {
    color: #2196F3;
    font-size: 40px;
}

.theme-red .page[data-page=careers] .list-block-benefits .item-media i {
    color: #F44336;
}

.theme-pink .page[data-page=careers] .list-block-benefits .item-media i {
    color: #E91E63;
}

.theme-purple .page[data-page=careers] .list-block-benefits .item-media i {
    color: #9C27B0;
}

.theme-deeppurple .page[data-page=careers] .list-block-benefits .item-media i {
    color: #673AB7;
}

.theme-indigo .page[data-page=careers] .list-block-benefits .item-media i {
    color: #3F51B5;
}

.theme-blue .page[data-page=careers] .list-block-benefits .item-media i {
    color: #2196F3;
}

.theme-lightblue .page[data-page=careers] .list-block-benefits .item-media i {
    color: #03A9F4;
}

.theme-cyan .page[data-page=careers] .list-block-benefits .item-media i {
    color: #00BCD4;
}

.theme-teal .page[data-page=careers] .list-block-benefits .item-media i {
    color: #009688;
}

.theme-green .page[data-page=careers] .list-block-benefits .item-media i {
    color: #4CAF50;
}

.theme-lightgreen .page[data-page=careers] .list-block-benefits .item-media i {
    color: #8BC34A;
}

.theme-lime .page[data-page=careers] .list-block-benefits .item-media i {
    color: #CDDC39;
}

.theme-yellow .page[data-page=careers] .list-block-benefits .item-media i {
    color: #FFEB3B;
}

.theme-amber .page[data-page=careers] .list-block-benefits .item-media i {
    color: #FFC107;
}

.theme-orange .page[data-page=careers] .list-block-benefits .item-media i {
    color: #FF9800;
}

.theme-deeporange .page[data-page=careers] .list-block-benefits .item-media i {
    color: #FF5722;
}

.theme-brown .page[data-page=careers] .list-block-benefits .item-media i {
    color: #795548;
}

.theme-gray .page[data-page=careers] .list-block-benefits .item-media i {
    color: #9E9E9E;
}

.theme-bluegray .page[data-page=careers] .list-block-benefits .item-media i {
    color: #607D8B;
}

.theme-white .page[data-page=careers] .list-block-benefits .item-media i {
    color: #FFFFFF;
}

.theme-black .page[data-page=careers] .list-block-benefits .item-media i {
    color: #EE4337;
}

.layout-dark .page[data-page=careers] .list-block-benefits .item-media i {
    color: rgba(255, 255, 255, 0.87);
}

.page[data-page=careers] .list-block-benefits .item-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 15px;
}

.page[data-page=careers] .list-block-benefits .item-text {
    font-size: 13px;
    -webkit-line-clamp: 5;
    max-height: 100%;
}

.page[data-page=careers] .list-block-open-positions .item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 15px;
    -webkit-line-clamp: 2;
    line-height: 18px;
    margin-bottom: 6px;
    white-space: normal;
}

.page[data-page=careers] .list-block-open-positions .item-after .button {
    font-size: 11px;
    height: 24px;
    line-height: 24px;
}

.page[data-page=careers] .list-block-open-positions .item-subtitle {
    font-size: 11px;
    margin-bottom: 8px;
}

.popup-careers-job-apply>.content-block-title {
    font-weight: bold;
    margin-bottom: 0;
}

.popup-careers-job-apply>.content-block {
    margin-bottom: 0;
}

.popup-careers-job-apply>.content-block:last-child {
    margin-bottom: 32px;
}

.popup-careers-job-apply>.content-block>p:first-child {
    margin-top: 0;
}

.popup-careers-job-apply>.content-block>p:last-child {
    margin-bottom: 0;
}

.popup-careers-job-apply .upload-button-wrapper {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.popup-careers-job-apply .upload-button-wrapper .button {
    font-size: 11px;
    height: 24px;
    line-height: 24px;
}

.popup-careers-job-apply .upload-button-wrapper input[type=file] {
    font-size: 100px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}


/*
|------------------------------------------------------------------------------
| Cart
|------------------------------------------------------------------------------
*/

.page[data-page=cart] .page-content,
.page[data-page=proceed_page] .page-content,
.page[data-page=products-list] .page-content,
.page[data-page=trending-items] .page-content,
.page[data-page=adhoc-items] .page-content {
    height: calc(100% - 48px);
    padding-top: 62px !important;
}

.page[data-page=cart] .products-list .item-media img,
.page[data-page=products-list] .products-list .item-media img,
.page[data-page=trending-items] .trending-list .item-media img,
.page[data-page=adhoc-items] .trending-list .item-media img,
.page[data-page=sub-category-products] .products-list .item-media img {
    /*max-height: 80px;*/
    width: 90px;
}

.page[data-page=cart] .products-list .item-title,
.page[data-page=proceed_page] .products-list .item-title,
.page[data-page=products-list] .products-list .item-title,
.page[data-page=trending-items] .trending-list .item-title,
.page[data-page=adhoc-items] .trending-list .item-title,
.page[data-page=sub-category-products] .products-list .item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px;
    -webkit-line-clamp: 2;
    line-height: 17px;
    margin-bottom: 2px;
    white-space: normal;
    color: #333333;
    font-weight: bold;
}

#trendingMenu a span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    color:#686868;
}
#trendingMenu .priceDiv
{
    color:#4f4d4d;
}

.page[data-page=cart] .products-list .item-after,
.page[data-page=proceed_page] .products-list .item-after,
.page[data-page=products-list] .products-list .item-after,
.page[data-page=trending-items] .trending-list .item-after,
.page[data-page=adhoc-items] .trending-list .item-after,
.page[data-page=sub-category-products] .products-list .item-after {
    font-weight: bold;
}

.page[data-page=products-list] .list-block .products-list .item-text,
.page[data-page=trending-items] .list-block .trending-list .item-text,
.page[data-page=adhoc-items] .list-block .trending-list .item-text,
.page[data-page=cart] .list-block .products-list .item-text,
.page[data-page=proceed_page] .list-block .products-list .item-text,
.page[data-page=sub-category-products] .list-block .products-list .item-text {
    max-height: none;
}

.page[data-page=cart] .products-list .item-subtitle,
.page[data-page=products-list] .products-list .item-subtitle,
.page[data-page=trending-items] .trending-list .item-subtitle,
.page[data-page=adhoc-items] .trending-list .item-subtitle,
.page[data-page=sub-category-products] .products-list .item-subtitle {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 11px;
    -webkit-line-clamp: 2;
    white-space: normal;
}
/*SWATI*/

.page[data-page="home"] 
{
    background: #eff1f3 !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction
{
    bottom:0px;left:0;width:100% !important;
}
.swiper-pagination{
    position:inherit !important;
}

.page[data-page=home]  .page-content
{
    margin: 10px !important;
}
.page[data-page=cart] .products-list .item-text,
.page[data-page=proceed_page] .products-list .item-text,
.page[data-page=products-list] .products-list .item-text,
.page[data-page=trending-items] .trending-list .item-text,
.page[data-page=adhoc-items] .trending-list .item-text,
.page[data-page=sub-category-products] .products-list .item-text {
    margin-top: 4px;
}

.page[data-page=cart] .price-summary .item-title,
.page[data-page=proceed_page] .price-summary .item-title,
.page[data-page=products-list] .price-summary .item-title,
.page[data-page=trending-items] .price-summary .item-title,
.page[data-page=adhoc-items] .price-summary .item-title,
.page[data-page=sub-category-products] .price-summary .item-title {
    font-size: 14px;
}


.page[data-page=proceed_page] .toolbar-bottom .grand-total,
.page[data-page=products-list] .toolbar-bottom .grand-total,
.page[data-page=trending-items] .toolbar-bottom .grand-total,
.page[data-page=adhoc-items] .toolbar-bottom .grand-total,
.page[data-page=sub-category-products] .toolbar-bottom .grand-total {
    background-color: #F1F2F1;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 50%;
}
.orderStatus .button
{
border-radius: 40px;
}

.page[data-page="order-detail"] .item-title
{
    color:#748080;
}
.save-price .tag 
{
    border-radius: 40px;
}


.page[data-page=products-list] .toolbar-bottom .grand-total,
.page[data-page=sub-category-products] .toolbar-bottom .grand-total {
    background-color: transparent;
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

 
.page[data-page=proceed_page] .toolbar-bottom .button,
.page[data-page=products-list] .toolbar-bottom .button,
.page[data-page=sub-category-products] .toolbar-bottom .button {
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    width: 50%;
}


/*.page[data-page=cart] .toolbar-bottom .grand-total
{
    border-radius: 40px !important;
}
/*.page[data-page=cart] #checkoutBtn
{
     border-radius: 40px !important;
}
.page[data-page=cart]  .toolbar-inner
{
    background: #f1f2f1 !important;
}*/
 /*#cartFooter .toolbar-bottom .button {
 width: 220px !important;
margin: 0 auto !important;
height: 48px !important;
line-height: 48px !important;
width: 50% !important;
}
#cartFooter .toolbar-bottom .button {
  border-radius: 0;
  height: 48px !important;
  line-height: 48px !important;
  width: 50%;
}
#cartFooter .button {
 font-size: 13px !important;
border-radius: 50px !important;
font-weight: bold !important;
}
#cartFooter .theme-teal .button.button-fill {
  background: #0647a3 !important;
}
#cartFooter .button {
  font-size: 13px !important;
  border-radius: 50px !important;
  font-weight: bold !important;
}
#cartFooter .button {
  color: #2196f3 !important;
  text-decoration: none !important;
  text-align: center !important;
  display: block !important;
  border-radius: 2px;
  line-height: 36px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: 0 0;
  padding: 0 10px;
  margin: 0;
  height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  text-transform: uppercase;
  font-family: inherit;
  cursor: pointer;
  min-width: 64px;
  padding: 0 8px;
  position: relative;
  overflow: hidden;
  outline: 0;
  border: none;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
#cartFooter .grand-total {
  border: 1px solid #d3d3d3 !important;
  color: #757575 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  width: 100% !important;
}*/

.page[data-page="proceed_page"] .grand-total {
    border: 1px solid #d3d3d3;
    color: #757575 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.page[data-page=products-list] .toolbar-bottom,
.page[data-page=sub-category-products] .toolbar-bottom {
    background-color: #00b475;
    color: #fff;
    box-shadow: none;
}

.page[data-page=products-list] .toolbar-bottom .button,
.page[data-page=sub-category-products] .toolbar-bottom .button {
    background-color: transparent;
    text-align: right;
    text-transform: none;
    position: relative;
    padding-right: 30px;
}

.page[data-page=products-list] .toolbar-bottom .button:after,
.page[data-page=sub-category-products] .toolbar-bottom .button:after {
    content: "\f0a9";
    font-family: fontAwesome;
    position: absolute;
    top: -1px;
    font-size: 18px;
    right: 1px;
}

.page[data-page=products-list] .toolbar-bottom .toolbar-inner,
.page[data-page=sub-category-products] .toolbar-bottom .toolbar-inner {
    padding-left: 15px;
    padding-right: 15px;
}
.onceBtn1{
    margin-top: 10px;
}

.onceBtn,
.subscribeBtn,
.onceBtn1 {
   border: none !important;
    border-radius: 40px !important;
    padding: 5px;
    line-height: 24px;
    min-height: auto;
    text-transform: none;
    font-size: 12px;
    
    color:white !important;
}
.subscribeBtn {
    /*background:#EE4337 !important;*/
    background: #264797 !important;
}
.tabbar a.tab-link.active {
    /*color: #EE4337;*/
    color: #264797;
    font-weight: bold;
}

.tabbar a.tab-link {
    color: #EE4337;
}

.tabbar .tab-link-highlight{
    /*background: rgb(157, 115, 45);*/
    /*background: #EE4337;*/
    background: #264797;
}

.subscribeBtn {
    border: 0;
}

.onceBtn, .onceBtn1 {
    color: white !important;
    margin-bottom: 10px;
    background: gray !important;
}

.chip {
    border: 1px solid #e0e0e0;
    background-color: transparent;
    border-radius: 6px;
    position: relative;
    padding-right: 20px;
}

.chip-label {
    min-width: 15px;
    text-align: center;
    width: 100%;
}

.priceDiv {
    font-weight: bold;
    /*color: #EE4337;*/
    color: #264797;
    margin-top: 4px;
    font-size: 15px;
}

#productDetailDiv .selectDiv small, #productDetailDiv .productQtyDiv small {
    font-size: 13px;
}

#productDetailDiv .chip.chip-small {
    height: 33px;
    max-width: 120px;
}

.page[data-page=cart] .chip.chip-small {
    max-width: 120px;
}
.page[data-page=proceed-page] .chip.chip-small {
    max-width: 120px;
}

.priceDiv del {
    font-weight: normal;
    color: #888;
    font-size: 16px;
}

.diffRate {
    font-weight: normal;
    color: #EE4337;
    font-size: 14px;
    text-transform: uppercase;
}

.product-description b.title {
    font-size: 15px;
    margin-bottom: 15px;
    display: block;
}
.page[data-page="order-detail"] .product-image {
  margin-bottom: 8px;
  margin-top: 8px;
  height: 120px;
  position: relative;
}
.page[data-page=products-list] .list-block.media-list .item-inner,
.page[data-page=trending-items] .list-block.media-list .item-inner,
.page[data-page=adhoc-items] .list-block.media-list .item-inner,
.page[data-page=cart] .list-block.media-list .item-inner,
.page[data-page=proceed_page] .list-block.media-list .item-inner,
.page[data-page=sub-category-products] .list-block.media-list .item-inner {
    padding-top: 5px;
    padding-bottom: 4px;
    margin-left: 5px;
}
.page[data-page=order-detail] #orderReceipt a {
    color:white;
    font-size:13px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff !important;
    border: 1px solid #aaa;
}


/*
|------------------------------------------------------------------------------
| Chat
|------------------------------------------------------------------------------
*/

.page[data-page=chat] .page-content {
    height: calc(100% - 48px);
    padding-top: 56px !important;
}

.page[data-page=chat] .messages-content {
    background-color: transparent;
}

.page[data-page=chat] .message-text {
    font-size: 14px;
}

.page[data-page=chat] .message-sent .message-text {
    background-color: #EE4337;
    color: #FFFFFF;
}

.page[data-page=chat] .message-sent .message-text:before {
    border-bottom-color: #EE4337;
}

.page[data-page=chat] .message-received .message-text {
    background-color: #ECF0F1;
    color: #333333;
}

.page[data-page=chat] .message-received .message-text:before {
    border-bottom-color: #ECF0F1;
}

.page[data-page=chat] .message-date {
    color: rgba(255, 255, 255, 0.71);
    font-size: 12px;
}

.layout-dark .page[data-page=chat] .message-label,
.layout-dark .page[data-page=chat] .message-name,
.layout-dark .page[data-page=chat] .messages-date {
    color: rgba(255, 255, 255, 0.51);
}

.page[data-page=chat] .message-embed {
    width: 100%;
}

.page[data-page=chat] .message-embed .message-text {
    width: calc(100% - 8px);
}

.page[data-page=chat] .message-embed .embed {
    width: 100%;
}

.page[data-page=chat] .toolbar.messagebar {
    background-color: transparent;
}

.layout-dark .page[data-page=chat] .toolbar.messagebar:before {
    background-color: #333333;
}

.layout-dark .page[data-page=chat] .toolbar.messagebar a.link {
    color: #AAAAAA;
}

.layout-dark .page[data-page=chat] .toolbar.messagebar textarea {
    color: #AAAAAA;
}

.page[data-page=chat] #image-file {
    display: none;
}


/*
|------------------------------------------------------------------------------
| Checkout
|------------------------------------------------------------------------------
*/

.page[data-page=checkout] #tab-review .products-list .item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    -webkit-line-clamp: 2;
    line-height: 17px;
    margin-bottom: 2px;
    white-space: normal;
}

.page[data-page=checkout] #tab-review .products-list .item-subtitle {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 11px;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.page[data-page=checkout] #tab-review .price-summary .item-title {
    font-size: 14px;
}

.page[data-page=checkout] #tab-payment .input-error {
    color: #F44336;
    font-size: 11px;
}

.page[data-page=checkout] #tab-done>.container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}


/*
|------------------------------------------------------------------------------
| Coming Soon
|------------------------------------------------------------------------------
*/

.page[data-page=coming-soon] .coming-soon-container {
    background-color: rgba(128, 128, 128, 0.5);
    background-image: url('https://source.unsplash.com/-HkuuUSY1pE');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page[data-page=coming-soon] .coming-soon-container {
    align-items: center;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.87);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    text-align: center;
}

.page[data-page=coming-soon] .coming-soon-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 32px;
}

.page[data-page=coming-soon] .coming-soon-message {
    font-size: 13px;
    margin-top: 8px;
}

.page[data-page=coming-soon] .coming-soon-actions {
    margin-bottom: 8px;
}

.page[data-page=coming-soon] .coming-soon-social {
    margin-bottom: 32px;
    margin-top: auto;
}

.page[data-page=coming-soon] .countdown-timer {
    margin-bottom: 16px;
    margin-top: 16px;
}

.page[data-page=coming-soon] .countdown-timer .time {
    display: inline-block;
    margin: 4px;
    padding: 4px;
}

.page[data-page=coming-soon] .countdown-timer .time .value {
    font-size: 32px;
    font-weight: bold;
}

.page[data-page=coming-soon] .countdown-timer .time .unit {
    font-size: 10px;
}


/*
|------------------------------------------------------------------------------
| Farm Visit
|------------------------------------------------------------------------------
*/

.page[data-page=farmvisit] .page-content {
    padding-top: 50px!important;
}

.page[data-page=farmvisit]
.list-block textarea {
    margin-top: 0px;
    line-height: 1.5;
    height: 70px;
    padding: 0px;
    border: 1px solid;
    background-color: #eff1f3;
}
.page[data-page=farmvisit]
.list-block #mobile{
    padding: 10px;
}

/*
|------------------------------------------------------------------------------
| Contact Us
|------------------------------------------------------------------------------
*/

.page[data-page=contact-us] .list-block.contact-info .item-inner {
    padding-bottom: 0;
    padding-top: 0;
}

.page[data-page=contact-us] .list-block.contact-info .social .item-title {
    overflow: auto;
    white-space: normal;
}

.page[data-page=contact-us] .list-block.contact-info .social a {
    display: inline-block;
    margin-bottom: 4px;
}
.facebookColor {
    color: #4267B2;
    font-size: 18px;
}

.instagramColor {
    color: #405de6;
    font-size: 18px;
}
.youtubeColor {
    color:red;
    font-size: 18px;
}
/*
|------------------------------------------------------------------------------
| Cookie Policy
|------------------------------------------------------------------------------
*/

.page[data-page=cookie-policy] .content-block-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 15px;
    overflow: hidden;
}

.page[data-page=cookie-policy] .content-block {
    margin-bottom: 0;
}

.page[data-page=cookie-policy] .content-block:last-child {
    margin-bottom: 32px;
}


/*
|------------------------------------------------------------------------------
| Error
|------------------------------------------------------------------------------
*/

.page[data-page=error] .error-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    text-align: center;
}

.page[data-page=error] .error-media img {
    height: auto;
    width: 128px;
}

.page[data-page=error] .error-media i {
    font-size: 128px;
}

.page[data-page=error] .error-code {
    font-size: 64px;
    font-weight: bold;
    letter-spacing: 2px;
}

.page[data-page=error] .error-message {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 16px;
}

.page[data-page=error] .error-actions {
    font-size: 13px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.page[data-page=error] .error-actions a.error-action {
    border-bottom: 1px dotted;
}

/*
|------------------------------------------------------------------------------
| FAQs
|------------------------------------------------------------------------------
*/

.page[data-page=faq] .accordion-item .item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    /*font-family: 'Roboto Slab';*/
    font-size: 15px;
    -webkit-line-clamp: 2;
    /* line-height: 19px;
    margin-bottom: 2px; */
    white-space: normal;
}

.page[data-page=faq] .accordion-item-content {
    font-size: 14px;
}



/*
|------------------------------------------------------------------------------
| Feedback
|------------------------------------------------------------------------------
*/
#feedback-btn
{
  border-radius: 40px;
}
.page[data-page=feedback] .reactions-wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.page[data-page=feedback] .reactions-wrapper li {
    display: inline-block;
    margin: 0 3px;
}

.page[data-page=feedback] .reactions-wrapper li input {
    display: none;
}

.page[data-page=feedback] .reactions-wrapper li label img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 48px;
    width: 48px;
    transition: all 0.5s;
}

.page[data-page=feedback] .reactions-wrapper li label .reaction-label {
    color: #7F8C8D;
    transition: all 0.5s;
}

.page[data-page=feedback] .reactions-wrapper li input:checked+label img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transform: scale(1.2);
}

.page[data-page=feedback] .reactions-wrapper li input:checked+label .reaction-label {
    color: #FDCB58;
    transform: scale(1.2);
}

.page[data-page=feedback] .reaction-label {
    display: block;
}


/*
|------------------------------------------------------------------------------
| Home
|------------------------------------------------------------------------------
*/
.page[data-page=product-details] .input-group-btn{
    display: none;
}

.page[data-page=home] .slider-hero .swiper-slide,
.page[data-page=product-details] .slider-hero .swiper-slide {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 24vh;
    position: relative;
    border-radius: 10px;
}

.page[data-page=product-details] .slider-hero .swiper-slide {
    background-size: auto;
    background-color: transparent;
    /*border: 1px solid #eee;*/
    margin-bottom: 10px;
}
.page[data-page=product-details] .theme-teal .toolbar
{
   background: #eff1f3;
}
.page[data-page=product-details] .theme-teal .toolbar .toolbar-inner
{
     background: #eff1f3;
}
.page[data-page=product-details] .slider-hero .swiper-slide:before {
    background-color: transparent !important;
}


/*.page[data-page=home] .page-content,
.page[data-page=home] #categoryMenu,
.page[data-page=home] #giftMenu,
.page[data-page=home] #trendingMenu {
    background-color: #eee;
}*/

.page[data-page=home] .slider-hero .swiper-slide:before,
.page[data-page=product-details] .slider-hero .swiper-slide:before {
    /*background-color: rgba(128, 128, 128, 0.12);*/
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page[data-page=home] .slider-hero .slide-content,
.page[data-page=product-details] .slider-hero .slide-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px;
    position: relative;
    text-align: center;
}

.page[data-page=home] .slider-hero .slide-title,
.page[data-page=product-details] .slider-hero .slide-title {
    color: #FFFFFF;
    /*font-family: 'Roboto Slab';*/
    font-size: 20px;
}

.page[data-page=home] .slider-hero .slide-text,
.page[data-page=product-details] .slider-hero .slide-text {
    color: rgba(255, 255, 255, 0.87);
}

.page[data-page=home] .slider-hero .slide-actions,
.page[data-page=product-details] .slider-hero .slide-actions {
    margin-bottom: 16px;
    margin-top: 16px;
}

.page[data-page=home] .slider-hero .slide-actions .button,
.page[data-page=product-details] .slider-hero .slide-actions .button {
    text-transform: capitalize;
}

.page[data-page=home] .slider-hero .swiper-pagination-bullet,
.page[data-page=product-details] .slider-hero .swiper-pagination-bullet {
    background-color: #EE4337;
}

.page[data-page=home] .slider-hero .swiper-pagination-bullet-active,
.page[data-page=product-details] .slider-hero .swiper-pagination-bullet-active {
    background-color: #FFFFFF;
}

.page[data-page=home] .content-block-title {
    font-size: 17px;
    overflow: hidden;
    margin-top: 10px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.page[data-page=home] .content-block-title small {
    font-size: 11px;
    margin-top: 5px;
    display: block;
}

.page[data-page=home] .content-block-title small.pull-right a {
    /*color: #EE4337;*/
    color: #264797;
    font-weight: normal;
    text-transform: uppercase;
}

/*.page[data-page=home] .section-features .features-list .item-title {
    font-family: 'Roboto Slab';
}*/

.page[data-page=home] .section-features .features-list .item-text {
    font-size: 13px;
    -webkit-line-clamp: 5;
    max-height: initial;
}

.page[data-page=home] .section-features .features-list .item-media i {
    color: #2196F3;
    font-size: 48px;
}

.theme-red .page[data-page=home] .section-features .features-list .item-media i {
    color: #F44336;
}

.theme-pink .page[data-page=home] .section-features .features-list .item-media i {
    color: #E91E63;
}

.theme-purple .page[data-page=home] .section-features .features-list .item-media i {
    color: #9C27B0;
}

.theme-deeppurple .page[data-page=home] .section-features .features-list .item-media i {
    color: #673AB7;
}

.theme-indigo .page[data-page=home] .section-features .features-list .item-media i {
    color: #3F51B5;
}

.theme-blue .page[data-page=home] .section-features .features-list .item-media i {
    color: #2196F3;
}

.theme-lightblue .page[data-page=home] .section-features .features-list .item-media i {
    color: #03A9F4;
}

.theme-cyan .page[data-page=home] .section-features .features-list .item-media i {
    color: #00BCD4;
}

.theme-teal .page[data-page=home] .section-features .features-list .item-media i {
    color: #009688;
}

.theme-green .page[data-page=home] .section-features .features-list .item-media i {
    color: #4CAF50;
}

.theme-lightgreen .page[data-page=home] .section-features .features-list .item-media i {
    color: #8BC34A;
}

.theme-lime .page[data-page=home] .section-features .features-list .item-media i {
    color: #CDDC39;
}

.theme-yellow .page[data-page=home] .section-features .features-list .item-media i {
    color: #FFEB3B;
}

.theme-amber .page[data-page=home] .section-features .features-list .item-media i {
    color: #FFC107;
}

.theme-orange .page[data-page=home] .section-features .features-list .item-media i {
    color: #FF9800;
}

.theme-deeporange .page[data-page=home] .section-features .features-list .item-media i {
    color: #FF5722;
}

.theme-brown .page[data-page=home] .section-features .features-list .item-media i {
    color: #795548;
}

.theme-gray .page[data-page=home] .section-features .features-list .item-media i {
    color: #9E9E9E;
}

.theme-bluegray .page[data-page=home] .section-features .features-list .item-media i {
    color: #607D8B;
}

.theme-white .page[data-page=home] .section-features .features-list .item-media i {
    color: #FFFFFF;
}

.theme-black .page[data-page=home] .section-features .features-list .item-media i {
    color: #EE4337;
}

.layout-dark .page[data-page=home] .section-features .features-list .item-media i {
    color: rgba(255, 255, 255, 0.87);
}


/*
|------------------------------------------------------------------------------
| Log In
|------------------------------------------------------------------------------
*/

.page[data-page=login] .page-content,
.page[data-page=login1] .page-content,
.page[data-page=guest] .page-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.page[data-page=login] .page-content> :first-child,
.page[data-page=login1] .page-content> :first-child,
.page[data-page=guest] .page-content> :first-child {
    margin-top: auto !important;
    padding-top: 32px;
}

.page[data-page=login] .logo,
.page[data-page=login1] .logo,
.page[data-page=guest] .logo,
.page[data-page=after-registration] .logo,
.page[data-page=aftermobilechange] .logo {
    display: block;
    margin: 0 auto;
    width: 200px;
}

.page[data-page=login] input[name=password] {
    padding-right: 42px;
}

.page[data-page=login] .item-after.show-hide-password,
.page[data-page=signup] .item-after.show-hide-password {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 12px;
}

.page[data-page=login1] .loginBtn,
.page[data-page=guest] .loginBtn,
.page[data-page=login] .loginBtn {
    background: transparent !important;
    color: #888;
    border: 1px solid #ddd;
}

/*.page[data-page=login1] .button,*/
.page[data-page=guest] .button {
    width: 220px;
    margin: 0 auto;
}

.page[data-page=login1] .skipA,
.page[data-page=guest] .skipA,
.page[data-page=login] .skipA {
    color: #888;
    display: block;
    /*margin-top: 20px;*/
}

.page[data-page=login1] .skipA {
    margin-bottom: 40px;
    margin-top: 0;
}

.page[data-page=login1] p,
.page[data-page=guest] p,
.page[data-page=login] p {
    letter-spacing: 2px;
}

.page[data-page=guest] .page-content i {
    font-size: 100px;
    /*color: #9d732d;*/
}

.page[data-page=guest] p {
    margin: 0;
   color:gray;
}

.page[data-page=guest] .content-block.text-center {
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 50% !important;
}


/*
|------------------------------------------------------------------------------
| News Article
|------------------------------------------------------------------------------
*/

.page[data-page=news-article] .article-header {
    background-color: #F1F2F1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page[data-page=news-article] .article-header {
    align-items: flex-start;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.87);
    display: flex;
    flex-direction: column;
    height: 50vh;
    justify-content: flex-end;
    padding: 16px;
}

.page[data-page=news-article] .article-header .article-title {
    font-size: 14px;
}

.page[data-page=news-article] .article-header .article-categories {
    margin-top: 8px;
}

.page[data-page=news-article] .article-content {
    padding: 16px;
}

.page[data-page=news-article] .comments-list .item-media img {
    width: 40px;
}

.page[data-page=news-article] .comments-list .item-title {
    font-size: 14px;
}

.page[data-page=news-article] .comments-list .item-subtitle {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    font-style: italic;
    -webkit-line-clamp: 2;
    line-height: 17px;
    white-space: normal;
}

.page[data-page=news-article] .comments-list .item-text {
    font-size: 11px;
}


/*
|------------------------------------------------------------------------------
| Notifications
|------------------------------------------------------------------------------
*/

.page[data-page=notifications] .list-block.list-block-notifications {
    margin-bottom: 0;
    margin-top: 0;
}

.page[data-page=notifications] .list-block.list-block-notifications .list-group-title {
    background-color: #E4E4E4;
}

.layout-dark .page[data-page=notifications] .list-block.list-block-notifications .list-group-title {
    background-color: #1A1A1A;
}

.page[data-page=notifications] .list-block.list-block-notifications li:not(.list-group-title):before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page[data-page=notifications] .list-block.list-block-notifications li.read:before {
    background-color: rgba(0, 0, 0, 0);
}

.page[data-page=notifications] .list-block.list-block-notifications li.unread:before {
    background-color: rgba(192, 192, 192, 0.2);
}

.layout-dark .page[data-page=notifications] .list-block.list-block-notifications li.unread:before {
    background-color: rgba(0, 0, 0, 0.1);
}

.page[data-page=notifications] .list-block.list-block-notifications.media-list .item-media:last-child {
    margin-right: 16px;
}

.page[data-page=notifications] .list-block.list-block-notifications.media-list .item-media img {
    max-width: 48px;
}

.page[data-page=notifications] .list-block.list-block-notifications .item-title {
    -webkit-box-orient: vertical;
    color: #333333;
    display: -webkit-box;
    font-size: 13px;
    -webkit-line-clamp: 2;
    line-height: 17px;
    margin-bottom: 5px;
    white-space: normal;
}

.layout-dark .page[data-page=notifications] .list-block.list-block-notifications .item-title {
    color: #888888;
}

.page[data-page=notifications] .list-block.list-block-notifications .item-subtitle {
    -webkit-box-orient: vertical;
    color: #777777;
    display: -webkit-box;
    font-size: 12px;
    font-style: italic;
    -webkit-line-clamp: 2;
    line-height: 17px;
    margin-bottom: 5px;
    white-space: normal;
}

.page[data-page=notifications] .list-block.list-block-notifications .item-text {
    font-size: 11px;
    height: 100%;
    -webkit-line-clamp: 2;
    line-height: 15px;
}

.layout-dark .page[data-page=notifications] .list-block.list-block-notifications .item-text {
    color: #AAAAAA;
}


/*
|------------------------------------------------------------------------------
| OTP Verification
|------------------------------------------------------------------------------
*/

.page[data-page=otp-verification] .numpad-wrapper {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.page[data-page=otp-verification] .otp-digit {
    align-items: center;
    background-color: #9E9E9E;
    border-radius: 100%;
    color: #fff;
    display: inline-flex;
    font-size: 24px;
    font-weight: bold;
    height: 32px;
    justify-content: center;
    padding: 8px;
    vertical-align: top;
    width: 32px;
}

.page[data-page=otp-verification] .otp-digit.filled {
    background-color: #2196F3;
}

.theme-red .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #F44336;
}

.theme-pink .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #E91E63;
}

.theme-purple .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #9C27B0;
}

.theme-deeppurple .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #673AB7;
}

.theme-indigo .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #3F51B5;
}

.theme-blue .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #2196F3;
}

.theme-lightblue .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #03A9F4;
}

.theme-cyan .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #00BCD4;
}

.theme-teal .page[data-page=otp-verification] .otp-digit.filled {
    /*background-color: #7BC145;*/
    background-color: #264797;
}

.theme-green .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #4CAF50;
}

.theme-lightgreen .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #8BC34A;
}

.theme-lime .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #CDDC39;
}

.theme-yellow .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #FFEB3B;
}

.theme-amber .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #FFC107;
}

.theme-orange .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #FF9800;
}

.theme-deeporange .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #FF5722;
}

.theme-brown .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #795548;
}

.theme-gray .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #9E9E9E;
}

.theme-bluegray .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #607D8B;
}

.theme-white .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #FFFFFF;
}

.theme-black .page[data-page=otp-verification] .otp-digit.filled {
    background-color: #EE4337;
}


/*
|------------------------------------------------------------------------------
| Pattern Lock
|------------------------------------------------------------------------------
*/

.page[data-page=pattern-lock] .page-content {
    background-color: #222222;
    background-image: url(https://source.unsplash.com/fLihgcZE7bM);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
}

.page[data-page=pattern-lock] .date-time .time {
    font-size: 28px;
    font-weight: 400;
}

.page[data-page=pattern-lock] .date-time .day {
    font-size: 24px;
}

.page[data-page=pattern-lock] .date-time .date {
    font-size: 18px;
    font-weight: 400
}

.page[data-page=pattern-lock] .pattern-lock {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.page[data-page=pattern-lock] .pattern-container {
    margin: 0 auto;
}

.page[data-page=pattern-lock] .patt-holder {
    background-color: transparent;
}

.page[data-page=pattern-lock] .patt-lines {
    background-color: rgba(185, 195, 199, 0.7);
}

.page[data-page=pattern-lock] .patt-circ.hovered {
    border-color: #4CAF50;
}

.page[data-page=pattern-lock] .patt-error .patt-circ.hovered {
    border-color: #F44336;
}

.page[data-page=pattern-lock] .patt-dots {
    background-color: #2196F3;
}

.theme-red .page[data-page=pattern-lock] .patt-dots {
    background-color: #F44336;
}

.theme-pink .page[data-page=pattern-lock] .patt-dots {
    background-color: #E91E63;
}

.theme-purple .page[data-page=pattern-lock] .patt-dots {
    background-color: #9C27B0;
}

.theme-deeppurple .page[data-page=pattern-lock] .patt-dots {
    background-color: #673AB7;
}

.theme-indigo .page[data-page=pattern-lock] .patt-dots {
    background-color: #3F51B5;
}

.theme-blue .page[data-page=pattern-lock] .patt-dots {
    background-color: #2196F3;
}

.theme-lightblue .page[data-page=pattern-lock] .patt-dots {
    background-color: #03A9F4;
}

.theme-cyan .page[data-page=pattern-lock] .patt-dots {
    background-color: #00BCD4;
}

.theme-teal .page[data-page=pattern-lock] .patt-dots {
    background-color: #009688;
}

.theme-green .page[data-page=pattern-lock] .patt-dots {
    background-color: #4CAF50;
}

.theme-lightgreen .page[data-page=pattern-lock] .patt-dots {
    background-color: #8BC34A;
}

.theme-lime .page[data-page=pattern-lock] .patt-dots {
    background-color: #CDDC39;
}

.theme-yellow .page[data-page=pattern-lock] .patt-dots {
    background-color: #FFEB3B;
}

.theme-amber .page[data-page=pattern-lock] .patt-dots {
    background-color: #FFC107;
}

.theme-orange .page[data-page=pattern-lock] .patt-dots {
    background-color: #FF9800;
}

.theme-deeporange .page[data-page=pattern-lock] .patt-dots {
    background-color: #FF5722;
}

.theme-brown .page[data-page=pattern-lock] .patt-dots {
    background-color: #795548;
}

.theme-gray .page[data-page=pattern-lock] .patt-dots {
    background-color: #9E9E9E;
}

.theme-bluegray .page[data-page=pattern-lock] .patt-dots {
    background-color: #607D8B;
}

.theme-white .page[data-page=pattern-lock] .patt-dots {
    background-color: #FFFFFF;
}

.theme-black .page[data-page=pattern-lock] .patt-dots {
    background-color: #EE4337;
}

.page[data-page=pattern-lock] .patt-dots {
    background-color: #FFFFFF;
}


/*
|------------------------------------------------------------------------------
| Privacy Policy
|------------------------------------------------------------------------------
*/

.page[data-page=privacy-policy] .content-block-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 15px;
    overflow: hidden;
}

.page[data-page=privacy-policy] .content-block {
    margin-bottom: 0;
}

.page[data-page=privacy-policy] .content-block:last-child {
    margin-bottom: 32px;
}


/*
|------------------------------------------------------------------------------
| Products List
|------------------------------------------------------------------------------
*/

.page[data-page=products-list] .page-content>.content-block, .page[data-page=trending-items] .page-content>.content-block, .page[data-page=adhoc-items] .page-content>.content-block {
    margin: 8px 0;
}

.page[data-page=products-list] .row [class*='col-'],
.page[data-page=trending-items] .row [class*='col-'],
.page[data-page=adhoc-items] .row [class*='col-'],
.page[data-page=sub-category-products] .row [class*='col-'] {
    margin-bottom: 8px;
    margin-top: 8px;
}

.page[data-page=products-list] .row [class*='tablet-'],
.page[data-page=trending-items] .row [class*='tablet-'],
.page[data-page=adhoc-items] .row [class*='tablet-'],
.page[data-page=sub-category-products] .row [class*='tablet-'] {
    margin-bottom: 8px;
    margin-top: 8px;
}

.page[data-page=products-list] .product-wrapper,
.page[data-page=trending-items] .product-wrapper,
.page[data-page=adhoc-items] .product-wrapper {
    background-color: #F1F2F1;
    box-sizing: border-box;
    padding: 16px;
}

.layout-dark .page[data-page=products-list] .product-wrapper {
    background-color: #333333;
}

.page[data-page=products-list] .product-label,
.page[data-page=trending-items] .product-label,
.page[data-page=adhoc-items] .product-label {
    text-align: left;
}

.page[data-page=products-list] .product-label .veg {
    color: #27AE60;
}

.page[data-page=products-list] .product-label .non-veg {
    color: #C0392B;
}

.page[data-page=products-list] .product-pack,
.page[data-page=trending-items] .product-pack,
.page[data-page=adhoc-items] .product-pack {
    text-align: right;
}

.page[data-page=products-list] .product-image,
.page[data-page=trending-items] .product-image,
.page[data-page=adhoc-items] .product-image {
    margin-bottom: 8px;
    margin-top: 8px;
}

.page[data-page=products-list] .product-image img,
.page[data-page=trending-items] .product-image img,
.page[data-page=adhoc-items] .product-image img {
    display: block;
    height: 128px;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

.page[data-page=products-list] .product-name,
.page[data-page=trending-items] .product-name,
.page[data-page=adhoc-items] .product-name {
    font-size: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: center;
}

.product-price {
    margin-top: 8px;
    text-align: left;
}

.page[data-page=products-list] .product-price .original-price,
.page[data-page=trending-items] .product-price .original-price,
.page[data-page=adhoc-items] .product-price .original-price {
    margin-right: 8px;
    text-decoration: line-through;
}
#rrr
{
    text-decoration: line-through !important;
}
.page[data-page=products-list] .product-actions,
.page[data-page=trending-items] .product-actions,
.page[data-page=adhoc-items] .product-actions {
    margin-top: 24px;
}


/*
|------------------------------------------------------------------------------
| Product Details
|------------------------------------------------------------------------------
*/

.page[data-page=product-details] .page-content {
    /*height: calc(100% - 48px);*/
    padding-top: 56px !important;
    overflow-y: auto;
}

.page[data-page=product-details] .slider-product {
    position: relative;
}

.page[data-page=product-details] .slider-product .swiper-slide {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.page[data-page=product-details] .slider-product .swiper-slide .slide-image-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page[data-page=product-details] .slider-product .swiper-slide .slide-image-wrapper img {
    display: block;
    height: 100%;
    margin: 0 auto;
    width: auto;
}

.page[data-page=product-details] .slider-product .swiper-button-next,
.page[data-page=product-details] .slider-product .swiper-button-prev {
    background-size: 18px 33px;
    height: 33px;
    width: 18px;
}

.page[data-page=product-details] .product-name {
    margin-bottom: 15px;
    /*color: #757575;*/
    font-weight: bold;
    font-size: 17px;
}

.page[data-page=product-details] .product-price-final {
    font-size: 16px;
    font-weight: bold;
}

.page[data-page=product-details] .product-price-original {
    font-size: 12px;
    text-decoration: line-through;
}

.page[data-page=product-details] #tab-specifications .data-table-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.page[data-page=product-details] #tab-reviews .ratings-list .rating-title {
    font-size: 12px;
    width: 48px;
}

.page[data-page=product-details] #tab-reviews .ratings-list .rating-value {
    font-size: 12px;
    margin-left: 8px;
    text-align: right;
    width: 16px;
}

.page[data-page=product-details] #tab-reviews .reviews-list .item-media img {
    width: 40px;
}

.page[data-page=product-details] #tab-reviews .reviews-list .item-title {
    font-size: 14px;
}

.page[data-page=product-details] #tab-reviews .reviews-list .item-subtitle {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    font-style: italic;
    -webkit-line-clamp: 2;
    line-height: 17px;
    white-space: normal;
}

.page[data-page=product-details] #tab-reviews .reviews-list .item-text {
    font-size: 11px;
}
.page[data-page=trending-items]  .page {
    background: #eff1f3 !important;
    }
   
    .page[data-page='trending-items'] .page-content {
   margin: 10px  !important;
    }
.page[data-page=adhoc-items]  .page {
    background: #eff1f3 !important;
    }
   
.page[data-page='adhoc-items'] .page-content {
   margin: 10px  !important;
    }


.page[data-page=product-details] .toolbar-bottom .button {
    border-radius: 40px;
    height: 40px;
    line-height: 40px;
    width:45%;
    text-transform: none;
    font-weight: 600;
}
.page[data-page=product-details] .toolbar-bottom .add-cart
{
    background: gray !important;
    color:white !important;
    font-weight: 900 !important;
    margin: 10px;
}
.page[data-page=product-details] .toolbar-inner
{
padding-bottom: 10px;
}

.page[data-page=product-details] .toolbar-bottom .add-wishlist ,
.page[data-page=product-details] .toolbar-bottom .add-wishlist1 
{
  /*background: #ee4337 !important;*/
  background: #264797 !important;
   color:white !important;
    font-weight: 900 !important;
      margin: 10px;
}
.page[data-page=product-details] .toolbar-bottom .button.single-btn {
    width: 100%;
}

.page[data-page=product-details] .add-wishlist,
.page[data-page=product-details] .onceBtn,
.page[data-page=product-details] .onceBtn1,
.page[data-page=product-details] .add-wishlist1 {
    
    color: #757575 !important;
}

.page[data-page=product-details] .toolbar {
    border: none;
}

.popup-product-rate-review .rating.jq-ry-container {
    padding: 0;
}

.popup-product-rate-review input[name=rating] {
    display: none;
}


/*
|------------------------------------------------------------------------------
| Recipe
|------------------------------------------------------------------------------
*/

.page[data-page=recipe] .slider-recipe {
    position: relative;
}

.page[data-page=recipe] .slider-recipe .swiper-slide {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.page[data-page=recipe] .slider-recipe .swiper-slide .slide-image-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page[data-page=recipe] .slider-recipe .swiper-slide .slide-image-wrapper img {
    height: auto;
    width: 100%;
}

.page[data-page=recipe] .slider-recipe .recipe-title {
    bottom: 0;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.87);
    font-size: 18px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
}

.page[data-page=recipe] .slider-recipe .swiper-button-next,
.page[data-page=recipe] .slider-recipe .swiper-button-prev {
    background-size: 18px 33px;
    height: 33px;
    width: 18px;
}

.page[data-page=recipe] .ingredients-list .ingredient {
    font-style: italic;
}

.page[data-page=recipe] .ingredients-list .ingredient .item-title {
    white-space: normal;
}

.page[data-page=recipe] .ingredients-list .ingredient .quantity {
    font-weight: bold;
}

.page[data-page=recipe] .ingredients-list .ingredient .name {
    font-size: 13px;
}

.page[data-page=recipe] .nutrition-facts-list .nutrition-fact {
    font-size: 14px;
}

.page[data-page=recipe] .directions-list .item-media+.item-inner {
    margin-left: 0;
}

.page[data-page=recipe] .directions-list .direction {
    font-style: italic;
    white-space: normal;
}

.page[data-page=recipe] .directions-list .direction .bullet {
    font-size: 12px;
}

.page[data-page=recipe] .directions-list .direction .item-title {
    white-space: normal;
}

.page[data-page=recipe] .directions-list .direction .step {
    font-size: 14px;
}

.page[data-page=recipe] .directions-list .direction .note {
    color: #B4B4B4;
    font-size: 11px;
}

.page[data-page=recipe] .speed-dial.social-share .share-facebook {
    background-color: #3B5998;
}

.page[data-page=recipe] .speed-dial.social-share .share-twitter {
    background-color: #1DA1F2;
}

.page[data-page=recipe] .speed-dial.social-share .share-pinterest {
    background-color: #BD081C;
}


/*
|------------------------------------------------------------------------------
| Side Panel
|------------------------------------------------------------------------------
*/

.panel .panel-header {
    background-color: #2196F3;
    padding: 16px;
}

.theme-red .panel .panel-header {
    background-color: #F44336;
}

.theme-pink .panel .panel-header {
    background-color: #E91E63;
}

.theme-purple .panel .panel-header {
    background-color: #9C27B0;
}

.theme-deeppurple .panel .panel-header {
    background-color: #673AB7;
}

.theme-indigo .panel .panel-header {
    background-color: #3F51B5;
}

.theme-blue .panel .panel-header {
    background-color: #2196F3;
}

.theme-lightblue .panel .panel-header {
    background-color: #03A9F4;
}

.theme-cyan .panel .panel-header {
    background-color: #00BCD4;
}

.theme-teal .panel .panel-header {
    /*background-color: #fff;*/
    /*background-color: #e7f5fe;*/
    background-color: rgb(226 238 245) !important;
}

.theme-green .panel .panel-header {
    background-color: #4CAF50;
}

.theme-lightgreen .panel .panel-header {
    background-color: #8BC34A;
}

.theme-lime .panel .panel-header {
    background-color: #CDDC39;
}

.theme-yellow .panel .panel-header {
    background-color: #FFEB3B;
}

.theme-amber .panel .panel-header {
    background-color: #FFC107;
}

.theme-orange .panel .panel-header {
    background-color: #FF9800;
}

.theme-deeporange .panel .panel-header {
    background-color: #FF5722;
}

.theme-brown .panel .panel-header {
    background-color: #795548;
}

.theme-gray .panel .panel-header {
    background-color: #9E9E9E;
}

.theme-bluegray .panel .panel-header {
    background-color: #607D8B;
}

.theme-white .panel .panel-header {
    background-color: #FFFFFF;
}

.theme-black .panel .panel-header {
    background-color: #EE4337;
}

.panel .user-info .user-photo {
    border: 2px solid #FFFFFF;
}

.panel .user-info .user-name {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.panel .user-info .user-location {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.panel .user-info .prepaid {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left !important;
}


/*
|------------------------------------------------------------------------------
| Sign Up
|------------------------------------------------------------------------------
*/

.page[data-page=signup] .page-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.page[data-page=signup] .logo {
    width: auto;
}

.popup-signup-email .container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.popup-signup-email .container> :first-child {
    margin-top: auto !important;
    padding-top: 32px;
}

.popup-signup-email .logo {
    display: block;
    height: 144px;
    margin: 0 auto;
    width: auto;
}

.popup-signup-email input[name=password] {
    padding-right: 42px;
}

.popup-signup-email .item-after.show-hide-password {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 12px;
}


/*
|------------------------------------------------------------------------------
| Splash Screen
|------------------------------------------------------------------------------
*/

.page[data-page=splash-screen] .splash {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    overflow: hidden;
    padding: 16px;
    text-align: center;
    background: white
    /*background: url('../img/splash.gif');
    background-size: 100%;
    background-position: center;*/
}

.page[data-page=splash-screen] .splash .splash-media {
    margin: 32px 0;
    padding: 0 16px;
    /*width: 100%;*/
}

.page[data-page=splash-screen] .splash .splash-media img {
    width: 100%;
}

.page[data-page=splash-screen] .splash-media .logo {
    height: 40px;
    width: auto;
}

.page[data-page=splash-screen] .splash-media .logo * {
    fill-opacity: 0;
    opacity: 0;
    stroke-width: 10px;
    transition: fill-opacity 1s;
}

.page[data-page=splash-screen] .splash-media .logo.animation-begin * {
    opacity: 1;
}

.page[data-page=splash-screen] .splash-media .logo.animation-finish * {
    fill-opacity: 1;
    stroke-width: 1px;
}

.page[data-page=splash-screen] .splash .splash-preloader {
    margin: 32px 0;
    opacity: 0;
    padding: 0 16px;
    transition: opacity 1s;
}

.page[data-page=splash-screen] .splash-preloader .preloader {
    height: 32px;
    width: 32px;
}


/*
|------------------------------------------------------------------------------
| Team
|------------------------------------------------------------------------------
*/

.page[data-page=team] .page-content>.content-block {
    margin: 8px 0;
}

.page[data-page=team] .row [class*='col-'] {
    margin-bottom: 8px;
    margin-top: 8px;
}

.page[data-page=team] .row [class*='tablet-'] {
    margin-bottom: 8px;
    margin-top: 8px;
}

.page[data-page=team] .profile-card {
    align-items: center;
    background-color: #2E2B33;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.87);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
}

.layout-dark .page[data-page=team] .profile-card {
    background-color: #333333;
}

.page[data-page=team] .profile-card .profile-avatar {
    border: 3px solid #FFFFFF;
    height: 80px;
    margin-bottom: 8px;
    width: 80px;
}

.page[data-page=team] .profile-card .profile-name {
    font-size: 16px;
}

.page[data-page=team] .profile-card .profile-social {
    margin-top: 32px;
}


/*
|------------------------------------------------------------------------------
| Terms of Service
|------------------------------------------------------------------------------
*/

.page[data-page=terms] .content-block-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 15px;
    overflow: hidden;
}

.page[data-page=terms] .content-block {
    margin-bottom: 0;
}

.page[data-page=terms] .content-block:last-child {
    margin-bottom: 32px;
}


/*
|------------------------------------------------------------------------------
| Testimonials
|------------------------------------------------------------------------------
*/

.page[data-page=testimonials] .testimonials-container {
    text-align: center;
}

.page[data-page=testimonials] .testimonials-slides {
    margin-bottom: 32px;
}

.page[data-page=testimonials] .testimonial-slide {
    box-sizing: border-box;
    padding: 16px;
}

.page[data-page=testimonials] .testimonial-quote-icon {
    margin: 8px 0;
    padding: 0 16px;
}

.page[data-page=testimonials] .testimonial-comment {
    font-size: 12px;
    font-style: italic;
    margin: 8px 0;
    padding: 0 16px;
}

.page[data-page=testimonials] .testimonial-rating {
    margin: 8px 0;
    padding: 0 16px;
}

.page[data-page=testimonials] .testimonial-user-photo {
    margin: 16px 0;
    margin-bottom: 4px;
    padding: 0 16px;
}

.page[data-page=testimonials] .testimonial-user-name {
    font-size: 14px;
    padding: 0 16px;
}

.page[data-page=testimonials] .testimonial-user-job {
    font-size: 12px;
    padding: 0 16px;
}

.page[data-page=testimonials] .testimonial-user-photo img {
    display: inline-block;
    height: 64px;
    width: 64px;
}

.page[data-page=testimonials] .testimonial-rating.jq-ry-container {
    margin: 0 auto;
    padding: 0 16px;
}

.popup-testimonial-write .rating.jq-ry-container {
    padding: 0;
}

.popup-testimonial-write input[name=rating] {
    display: none;
}


/*
|------------------------------------------------------------------------------
| Under Maintenance
|------------------------------------------------------------------------------
*/

.page[data-page=under-maintenance] .under-maintenance-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    text-align: center;
}

.page[data-page=under-maintenance] .under-maintenance-media img {
    height: auto;
    width: 160px;
}

.page[data-page=under-maintenance] .under-maintenance-media i {
    font-size: 128px;
}

.page[data-page=under-maintenance] .under-maintenance-title {
    font-size: 24px;
    line-height: 28px;
}

.page[data-page=under-maintenance] .under-maintenance-message {
    font-size: 13px;
}


/*
|------------------------------------------------------------------------------
| User Profile
|------------------------------------------------------------------------------
*/

.page[data-page=user-profile] .profile-header {
    align-items: center;
    background-color: #2E2B33;
    background-image: url('../img/bg-user-profile.svg');
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
}

.page[data-page=user-profile] .profile-header .user-avatar {
    border: 3px solid #FFFFFF;
    height: 80px;
    width: 80px;
}

.page[data-page=user-profile] .profile-header .user-name {
    color: rgba(255, 255, 255, 0.87);
    margin-bottom: 8px;
    margin-top: 8px;
}

.page[data-page=user-profile] .profile-header .user-actions {
    margin-top: 8px;
    width: 100%;
}

.page[data-page=user-profile] .skills-list .skill-title {
    font-size: 12px;
    margin-right: 8px;
    text-align: left;
    width: 96px;
}

.page[data-page=user-profile] .skills-list .skill-proficiency {
    font-size: 12px;
    margin-left: 8px;
    text-align: right;
    width: 16px;
}

.page[data-page=user-profile] #tab-experience .list-block .item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    margin-bottom: 6px;
    white-space: normal;
}

.page[data-page=user-profile] #tab-experience .list-block .item-subtitle {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 18px;
    margin-bottom: 6px;
    white-space: normal;
}

.page[data-page=user-profile] #tab-portfolio .card .card-content-inner {
    padding-bottom: 8px;
    padding-top: 8px;
}

.page[data-page=user-profile] #tab-portfolio .image-gallery .image-wrapper {
    margin-bottom: 3px;
    margin-top: 8px;
    position: relative;
}

.page[data-page=user-profile] #tab-portfolio .image-gallery img {
    width: 100%;
}

.page[data-page=user-profile] #tab-portfolio .image-gallery .image-caption {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 6px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.87);
    font-size: 11px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    width: 100%;
}


/*
|------------------------------------------------------------------------------
| Walkthrough
|------------------------------------------------------------------------------
*/

.page[data-page=walkthrough] .walkthrough {
    height: 100%;
    /*background: #9d732d;
    color: #fff;*/
}

.page[data-page=walkthrough] .walkthrough-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    text-align: center;
}

.page[data-page=walkthrough] .walkthrough-slide {
    box-sizing: border-box;
    /*padding: 16px;*/
}

.page[data-page=walkthrough] .walkthrough-slide .slide-title {
    /*font-family: 'Roboto Slab';*/
    font-size: 20px;
    margin: 8px 0;
    padding: 0 16px;
}
.page[data-page=myPlans] .card {  
  margin: 10px;
}
.page[data-page=walkthrough] .walkthrough-slide .slide-media {
    margin: 16px 0;
    padding: 0 16px;
}

.page[data-page=walkthrough] .walkthrough-slide .slide-media img {
    display: inline-block;
    /*height: 144px;*/
    width: 100%;
}

.walkthrough-slide .slide-media div {
    border: 1px solid #EE4337;
    width: 100%;
    height: 100%;
}

.page[data-page=walkthrough] .walkthrough-slide .slide-text {
    font-size: 16px;
    margin: 8px 0;
    padding: 0 16px;
}

.page[data-page=walkthrough] .walkthrough-slide .slide-actions {
    margin: 16px 0;
    padding: 0 16px;
}

.page[data-page=walkthrough] .walkthrough-actions {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 16px 0;
    padding: 0 16px;
    position: absolute;
    width: 100%;
    z-index: 50;
}

.walkthrough-actions a {
    margin: 0 auto;
    /*width: 50%;
    border: 1px solid #fff !important;*/
    background: transparent;
}

.walkthrough-slide .slide-media {
    height: 60%;
    margin-bottom: 45px !important;
}

.page[data-page=walkthrough] .walkthrough-pagination {
    bottom: 80px;
}

.list-block {
    margin: 5px 0;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.pull-center {
    margin: 0 auto !important;
}

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

.text-center {
    text-align: center !important;
}

.list-block .item-inner::after,
.list-block ul::before,
.list-block ul::after {
    background-color: transparent;
}

#vacationList.list-block .item-content::after {
    background-color: rgba(0, 0, 0, 0.12);
}

.list-block .item-content::after {
    /*background-color: rgba(0, 0, 0, 0.12);*/
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    transform-origin: 50% 100% 0;
    width: 100%;
    z-index: 15;
}

.list-block .item-title,
.list-block .item-after {
    white-space: normal;
}

.list-block .item-title {
    word-wrap: break-word;
}

.list-block .item-after {
    flex-shrink: 1;
}

.btn-div button {
    width: 48%;
}

.picker-calendar-row {
    height: auto;
}

.picker-modal .picker-header+.picker-footer+.toolbar+.picker-modal-inner {
    height: 84%;
}

.picker-modal .picker-modal-inner {
    overflow-y: auto;
}

.picker-modal .picker-footer {
    z-index: 9999;
}

.eventDiv .tag,
.eventDiv .tag1,
.eventDiv .tag2 {
    color: #EE4337;
    display: inline;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    width: auto;
}

.eventDiv {
    margin-bottom: 0;
    margin-top: 10px;
}

/*Changes done By aparna 24 nov*/
.list-block textarea {
    margin-top: -14px;
    line-height: 1.5;
    height: 70px;
    padding: 0px;
    border: 1px solid;
    background-color: white;
    /*border-bottom: 1px solid;*/
}


.list-block .item-after {
    max-height: auto;
}

.productImg {
    margin-right: 10px;
}

.product_content .item-input {
    width: 100%;
    float: right;
}

#custSlider .swiper-slide {
    height: 100%;
}

.page[data-page="home"] #custSlider.slider-hero .swiper-slide::before {
    background-color: #fff;
}

.zeroPadding {
    padding: 0px !important;
}

.zeroLeftPadding {
    padding-left: 0 !important;
}

.zeroRightPadding {
    padding-right: 0 !important;
}

.zeroTopPadding {
    padding-top: 0 !important;
}

.zeroBottomPadding {
    padding-bottom: 0 !important;
}

.zeroMargin {
    margin: 0px !important;
}

.zeroBottomMargin {
    margin-bottom: 0 !important;
}

.cashHistoryP {
    margin-top: 5px;
}

#custSlider .durationDiv,
#homeData .durationDiv {
    background: #000;
    color: #fff;
    margin-top: 15px;
    padding: 5px;
}

#custSlider .chartDiv {
    width: 100%;
    display: block;
}

.otp-digits {
    padding: 10px !important;
}

.page[data-page="otp-verification"] .otp-digit {
    height: 30px;
    width: 30px;
}

#revewDiv .card-header,
#revewDiv1 .card-header {
    min-height: 35px;
}

#revewDiv .card-content-inner,
#revewDiv1 .card-content-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

#revewDiv .card-content-inner p,
#revewDiv1 .card-content-inner p {
    margin-bottom: 5px;
}

#revewDiv .card,
#revewDiv1 .card {
    margin-bottom: 20px;
}

#revewDiv a,
#revewDiv1 a {
    color: gray;
}

#revewDiv1 .totalDiv {
    font-weight: bold;
}

#revewDiv1 .totalDiv .card {
    font-size: 17px;
    padding: 8px;
    background-color: #EAECEC;
    color: #748080;
}

#revewDiv1 .totalDiv .card .rateDiv {
   color:gray;
}

#homeData {
    padding-top: 10px;
    padding-bottom: 10px;
}

.data-table td.label-cell,
.data-table th.label-cell {
    padding: 10px;
}

.list-block .item-after {
    max-height: none;
}

.plannerLabel {
    padding-left: 10px;
    padding-right: 10px;
}

.pastLabel:after, .pauseLabel:after, .adhocLabel:after {
    content: "·";
    font-size: 70px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 20px;
}

.pauseLabel:after {
    color: #f53727;
}

.adhocLabel:after {
    color: #008000;
}

.pastLabel:after {
    color: #800000;
}

.plannerLabelData {
    line-height: 30px;
    margin-left: 20px;
}

.planLabel:after {
    color: #CF9E5C;
    content: "·";
    font-size: 70px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 20px;
}

.data-table td,
.data-table th {
    padding: 0 10px;
    height: 38px !important;
}

#homeData .col-50 {
    margin-bottom: 10px;
}

.planAmountDiv {
   color:gray;
    font-size: 18px;
    text-align: right;
    margin: 0;
}

.planProductImg img {
    width: 100%;
}

.dashboardAlert {
    margin-top: 0;
    margin-bottom: 15px !important;
}

.mode_content img {
    height: 50px;
}

.dashLogo {
    padding: 10px;
}


/********************** Custom theme CSS ******************************/

.navbar.theme-teal,
.searchbar.theme-teal,
.subnavbar.theme-teal,
.theme-teal .navbar,
.theme-teal .subnavbar,
.theme-teal .toolbar,
.toolbar.theme-teal,
.theme-teal .picker-header {
    /*background-color: #fff;*/
    background-color: #264797;
    border-bottom: 1px solid #aaa;
}

.theme-teal .navbar {
    border-bottom: 0;
}

.theme-teal .searchbar {
    background-color: #000;
}

.theme-teal .searchbar input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
  
.theme-teal .searchbar input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}

.theme-teal .searchbar input::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
}

.panel {
    background-color: #000;
}

.bottleTitle {
    display: block;
    margin-top: 10px;
    color: #091932;
}

.theme-teal .picker-calendar-day.picker-calendar-day-selected span {
    color: #fff !important;
}

.theme-teal .input-field.focus-state::after,
.theme-teal .input-field.not-empty-state::after,
.theme-teal .item-input-field.focus-state::after,
.theme-teal .button.button-fill,
.navbar .hamburger .hamburger-inner,
.navbar .hamburger .hamburger-inner::before,
.navbar .hamburger .hamburger-inner::after,
.theme-teal label.label-radio input[type="checkbox"]:checked+.item-media i.icon-form-radio::after,
.theme-teal label.label-radio input[type="checkbox"]:checked~.item-after i.icon-form-radio::after,
.theme-teal label.label-radio input[type="checkbox"]:checked~.item-inner i.icon-form-radio::after,
.theme-teal label.label-radio input[type="radio"]:checked~.item-after i.icon-form-radio::after,
.theme-teal label.label-radio input[type="radio"]:checked~.item-inner i.icon-form-radio::after,
label.label-radio.theme-teal input[type="checkbox"]:checked+.item-media i.icon-form-radio::after,
label.label-radio.theme-teal input[type="checkbox"]:checked~.item-after i.icon-form-radio::after,
label.label-radio.theme-teal input[type="checkbox"]:checked~.item-inner i.icon-form-radio::after,
label.label-radio.theme-teal input[type="radio"]:checked+.item-media i.icon-form-radio::after,
label.label-radio.theme-teal input[type="radio"]:checked~.item-after i.icon-form-radio::after,
label.label-radio.theme-teal input[type="radio"]:checked~.item-inner i.icon-form-radio::after{
    /*.theme-teal .item-input-field.not-empty-state::after,*/
    background:  #fff;
    /*background: #264797;*/
}

theme-teal label.label-radio input[type="radio"]:checked+.item-media i.icon-form-radio::after{
    background:  #264797!important;
}

.theme-teal .picker-calendar-day.picker-calendar-day-selected span {
    /*.theme-teal .item-input-field.not-empty-state::after,*/
    /*background:  #fff;*/
    background: #264797;
}

.theme-teal .item-input-field.focus-state::after {
    background: transparent;
}

 
.theme-teal .button.button-fill {
    /*background: #EE4337;*/
    background: #264797;
    border-radius: 36px;
    /*border: 1px solid #EE4337;
    /*background: transparent;*/
   
}

.loginbtn {
    background: #EE4337;
    border: 1px solid #EE4337;
    /*background: transparent;*/
    color: #e94637 !important;
}

.theme-teal .card a,
.theme-teal a,
.navbar,
.toolbar,
.navbar a.link,
.subnavbar a.link,
.toolbar a.link,
.picker-calendar-selected-date,
.theme-teal .button:not(.button-fill), {
    color: #fff;
    /*color: #264797;*/
}

.theme-teal .picker-calendar-day.picker-calendar-day-today span{
color: #264797;
}
/*.theme-teal .button:not(.button-fill){
    color: #264797!important;
}
*//*.page[data-page="farmenquiry"] .theme-teal .button:not(.button-fill){
    color: #264797!important;
}*/
.panel-left ul li .item-inner {
    margin-left: 8px !important;
}
/*ICON COLOR*********/
.navbar a.link,
.navbar {
    color: #fff;
    /*color: gray;*/
}

.theme-teal label.label-radio input[type="checkbox"]:checked+.item-media i.icon-form-radio,
.theme-teal label.label-radio input[type="checkbox"]:checked~.item-after i.icon-form-radio,
.theme-teal label.label-radio input[type="checkbox"]:checked~.item-inner i.icon-form-radio,
.theme-teal label.label-radio input[type="radio"]:checked~.item-after i.icon-form-radio,
.theme-teal label.label-radio input[type="radio"]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-teal input[type="checkbox"]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-teal input[type="checkbox"]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-teal input[type="checkbox"]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-teal input[type="radio"]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-teal input[type="radio"]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-teal input[type="radio"]:checked~.item-inner i.icon-form-radio {
    border-color: #EE4337;
}
.theme-teal label.label-radio input[type="radio"]:checked+.item-media i.icon-form-radio{
    border-color: #264797!important;
}
.theme-teal label.label-checkbox input[type="checkbox"]:checked+.item-media i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type="checkbox"]:checked~.item-after i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type="checkbox"]:checked~.item-inner i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type="radio"]:checked+.item-media i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type="radio"]:checked~.item-after i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type="radio"]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type="checkbox"]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type="checkbox"]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type="checkbox"]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type="radio"]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type="radio"]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type="radio"]:checked~.item-inner i.icon-form-checkbox {
    /*background-color: #EE4337;
    border-color: #EE4337;*/
    background-color: #264797;
    border-color: #264797;
}

/*i.icon.icon-back {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20width%3D\'24\'%20height%3D\'24\'%20viewBox%3D\'0%200%2024%2024\'%3E%3Cpath%20d%3D\'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E");
}*/
.i.icon.icon-back {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
}

i.icon.icon-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23FFFFFF\'%20width%3D\'24\'%20height%3D\'24\'%20viewBox%3D\'0%200%2024%2024\'%3E%3Cpath%20d%3D\'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z\'%2F%3E%3Cpath%20d%3D\'M0%200h24v24H0z\'%20fill%3D\'none\'%2F%3E%3C%2Fsvg%3E");
}

i.icon.icon-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23FFFFFF\'%20width%3D\'24\'%20height%3D\'24\'%20viewBox%3D\'0%200%2024%2024\'%3E%3Cpath%20d%3D\'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z\'%2F%3E%3Cpath%20d%3D\'M0%200h24v24H0z\'%20fill%3D\'none\'%2F%3E%3C%2Fsvg%3E");
}

.preloader.color-yellow .preloader-inner-gap,
.preloader.color-yellow .preloader-inner-half-circle,
.preloader.preloader-yellow .preloader-inner-gap,
.preloader.preloader-yellow .preloader-inner-half-circle {
    border-color: #EE4337;
}

.card {
    background-color: #fff;
    /*-moz-box-shadow: 0 2px 0 #9d732d, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
    -webkit-box-shadow: 0 2px 0 #9d732d, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
    box-shadow: 0 2px 0 #9d732d, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;*/
    border-radius: 5px;
    margin: 10px;
}
#editBtn
{
  border-radius: 40px; 
  margin: 10px; 
}
#prepaidbtn
{
  border-radius: 40px; 
  margin: 10px; 
}
#delete_request_Btn
{
    border-radius: 40px;  
}
.buttonDiv .button
{
     border-radius: 40px;  
}
.data-table.card {
    background-color: #fff;
}

.card-header::after {
    /*background-color: #000;*/
}

.card .item-title {
    color: #748080;
    font-weight: bold;
    text-transform: uppercase;
}

.card .item-after,
.card-header,
.card-content-inner {
    color: #748080;
}

.card-header {
    font-weight: bold;
}

.custom-header {
    /*background: #ee4337 !important;*/
    background: #264797 !important;
    border-top: 0px solid #091932 !important;
}

.custom-content-reveal h4 {
    border-top: 5px solid #000 !important;
}

.custom-header h2,
.custom-header h3,
.custom-header nav span::before {
    color: #fff !important;
}

.custom-header nav span::before {
    color: #fff !important;
}

.fc-calendar .fc-head {
    color: #86A1BD !important;
}

.fc-calendar .fc-row>div.fc-today,
.custom-content-reveal span.custom-content-close {
    /*background-color: #ee4337 !important;*/
    background-color: #264797 !important;
}

.dashboardAlert .alert {
    background-color: #fff;
   color:gray;
}

.dashboardAlert .alert-media {
    position: absolute;
    right: 17px;
}

#notification-tab .dashboardAlert .alert-media {
    position: relative;
    right: 0;
    height: 100%;
}

.custom-content-reveal p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.cancelLink {
    font-size: 15px;
}

#revewDiv .card .card-header {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%2060%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%3E%3Cpath%20d%3D\'m60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E");
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
    background-size: 10px 20px;
    padding-right: 42px;
}

.pull-center {
    margin: auto;
}

.planSelectLi .item-after {
    font-weight: bold;
}

::-webkit-input-placeholder {
    font-weight: 800;
}

:-moz-placeholder {
    font-weight: 800;
}

::-moz-placeholder {
    font-weight: 800;
}

:-ms-input-placeholder {
    font-weight: 800;
}

.input-field::after,
.item-input-field::after {
    background-color: rgba(0, 0, 0, 0.5);
}

.card-header {
    justify-content: unset;
}

#revewDiv .card-header small,
#revewDiv1 .card-header small {
    margin-left: 5px;
}

#paymentList .item-title {
    width: 100%;
}

#paymentList .item-title span {
    float: right;
    line-height: 48px;
    font-weight: bold;
}

.tag {
    border-radius: 40px !important;
    color: white;
    font-size: 10px !important;
    font-weight: bold;
    letter-spacing: 0.09em;
    padding: 4px !important;
    text-align: center;
    display: block;
}

.typeTag,
.dateTag {
    font-weight: 500;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 15px !important;
    font-size: 10px !important;
    text-align: left;
    line-height: 15px;
    float: right;
    right: 5px;
}

.marginTop {
    margin-top: 4px;
}

.typeTag {
    background-color: #CFFED3;
    color: #4caf50;
    border: 1px solid #4caf50;
}

.dateTag {
    background-color: #dcdcdc !important;
    color: #333 !important;
    border: 1px solid #333 !important;
    position: absolute;
    display: inline !important;
    width: 95px !important;
    height: auto !important;
}

.relativeDiv {
    position: relative;
}

.tagP {
    margin-top: 10px;
    margin-bottom: 0px !important;
    display: inline-block;
    width: 100%;
}

.alert i {
    line-height: 0.9em !important;
   color:gray;
}

#notificationDiv .alert-media {
    background-color: transparent;
}

.user-info {
    text-align: center;
}

.user-info .logo {
    width: 100px;
}

.dashLogo .logo {
    width: 100px;
}

.user-info .user-name,
.user-info .user-location {
    text-align: left;
}

.footer {
    font-size: 10px;
    border-top: 1px solid #000;
    padding: 10px;
    text-align: center;
}

.content-block-title {
    padding: 11px;
    margin: 0;
    text-align: left;
    padding-top: 0;
   color:gray;
}

.checkAreaDiv {
    padding-top: 15px;
}

.checkAreaDiv small {
    display: block;
}

.successTag {
    color: green;
}

.failureTag {
    color: red;
}

.successTag,
.failureTag {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.tabToolbar {
    /*background: #9d732d !important;*/
    border-bottom: 0 !important;
}

.navbar-fixed .toolbar ~ .page-content {
    padding-top: 110px;
}

.tab>.content-block {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.card-footer .buttons-row {
    width: 100%;
}

.billLogo img {
    width: 150px;
}

.billLogo p {
    margin-top: 0px;
    margin-bottom: 5px;
}

tfoot {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.billMsgDiv {
    padding: 10px;
}

.statmentHead {
    margin-top: 10px;
    margin-bottom: 0;
}

.payAllBtn {
    width: 100%;
}

.payAllBtnDiv {
    padding-left: 15px;
    padding-right: 15px;
}

.custCardDiv {
    background: transparent none repeat scroll 0 0;
    border: 0 none transparent;
    box-shadow: 0 2px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #fff;
}

.list-block .item-content {
    padding-left: 10px;
}

.page[data-page="delivery1"] .list-block .item-content {
    padding-right: 20px;
}
.page[data-page=delivery1] .input-group-btn{
    display: none;
}

.page[data-page=change-request] .input-group-btn{
    display: none;
}

.list-block .item-inner {
    padding-right: 10px;
}

.iconcss .item-media {
   width: 40px;
   height: 40px;
    border-radius: 25px;
    /*background: #80808038;*/
    background: #264797;
    color: white;

}
.iconcss .item-link   i
{
margin-left: 10px;
font-size: 20px;
}
.iconcss2 {
   width: 35px;
   height: 35px;
    border-radius: 25px;
    background: #80808038;
    /*margin-left: 24%;*/
    display: inline-block;
    margin: 25%;
    margin-bottom: 5%;
    margin-top: -3%;
}
.iconcss2    i
{
margin-top: 5px;
}
.iconcss1 {

width: 46px;
   height: 46px;
    border-radius: 75px;
    background: #80808038;
    margin-left: 20px;
    
}
.iconcss1  i
{
 
}

.page[data-page=user-profile] .list-block .item-after {
    word-break: break-all;
}

.page[data-page=user-profile] .list-block .item-title {
    width: 130px;
}


.titleSelect .item-title, .stateSelect .item-title, .citySelect .item-title, .areaSelect .item-title, .residenceSelect .item-title, #signUpForm .item-title {
    width: 120px !important;
}

.list-block .item-title {
    min-width: 95px;
    width: 100%;
}

form .list-block .item-title {
    max-width: 120px;
}

.weekDays-selector {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
    width: 97%;
}

.weekDays-selector .row .col-66 {
    width: calc((100% - 0px * 0.5) / 1.5);
}

.weekDays-selector .row .col-33 {
    width: calc((100% - 0px * 2) / 3);
}

.weekDays-selector input {
    display: none!important;
}

.weekDays-selector>div {
    border-radius: 4px;
    background: #fff;
    height: auto;
    width: 70px;
    margin-right: 3px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    float: left;
}

.weekDays-selector>div.active {
    background: #000;
    color: #ffffff;
    border-color: #000;
}

.weekDays-selector>div.active .spnName,
.weekDays-selector>div.active .spndayqty {
    font-weight: bold;
}

.spnName {
    border-right: 1px solid #E0E0E0;
    font-size: 11px;
}

.spndayqty {
    font-size: 11px;
}

.customSelect .item-title {
    width: 100%;
    line-height: 35px;
}

.customSelect .qtyTxt {
    width: 100px !important;
    border: 1px solid !important;
}

.customSelect input.qtyTxt:-moz-read-only {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.customSelect input.qtyTxt:read-only {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.modal-preloader {
    background: transparent;
    box-shadow: none;
}

.modal-preloader .modal-title {
    display: none;
}


/********** New CSS **********/

::-webkit-input-placeholder {
    font-weight: normal;
    font-size: 14px;
}

:-ms-input-placeholder {
    font-weight: normal;
    font-size: 14px;
}

::placeholder {
    font-weight: normal;
    font-size: 14px;
}

.item-content.label {
    min-height: 10px;
}

.item-content.label .item-media {
    padding-bottom: 0px;
    min-height: 10px;
    margin-bottom: 0;
}

.item-content.label .item-media small {
   color:gray;
    font-size: 13px;
    font-weight: bold;
}

.list-block.customCss .item-content::after {
    background-color: transparent;
}

.customCss .input-field::after,
.item-input-field::after {
    background-color: transparent;
}

.customCss input[type="text"],
.customCss input[type="number"],
.customCss input[type="email"],
.customCss input[type="password"],
.customCss textarea {
    padding: 10px !important;
}

.customCss input,
.customCss .smart-select,
.customCss textarea,
.customCss select {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 20px !important;
}

.customCss .smart-select {
    margin-left: 10px;
    margin-right: 10px;
}

.buttonDiv {
    padding-left: 10px;
    padding-right: 10px;
}

.page[data-page=account-menu] .list-block .item-content, .page[data-page=help] .list-block .item-content {
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    margin-bottom: 0;
}

.page[data-page=account-menu] ul li a, .page[data-page=help] ul li a, .popup-options ul li a {
   color:gray;
}

.page[data-page=account-menu] ul i, .page[data-page=help] ul i {
    /*color: #636e72;*/
    color: #fff;
}

.content-block {
    margin-bottom: 50px;
}

#categoryMenu,
#giftMenu {
    height: 160px;
    padding: 0 !important;
}

#trendingMenu {
    height: 160px;
}

#categoryMenu,
#giftMenu,
#trendingMenu {
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 0px;
    background: transparent;
}

#trendingMenu .priceDiv {
    font-size: 14px;
    font-weight: normal;
}

#trendingMenu .priceDiv del, #trendingMenu .diffRate {
    font-size: 12px;
}

.navbar input[type="text"] {
    font-size: 12px;
}

.button {
    font-size: 13px;
}

#trendingMenu {
    height: 240px;
    padding: 0 !important;
}

#categoryMenu h4,
#giftMenu h4,
#trendingMenu h4 {
    display: block;
    width: 100%;
    font-weight: normal;
   color:gray;
    font-size: 15px;
}

#categoryMenu img,
#giftMenu img {
    width: 100px;
    /*height: 80px;*/
}

#trendingMenu img {
    width: 100px;
}

 /*Code added by Aparna*/
#categoryMenu img {
    /*margin-bottom: 8px;*/
    /* margin-top: 15px; */
    border-radius: 5px;
    /* border: 1px solid #eee; */
    /* position: absolute; */
    top: 0;
   /* min-width: 50px;
    min-height: 50px;*/
    display: inline-block;
}

#categoryMenu b {
width: 0px;
    min-width: 101%;
    margin-top: 2px;
    font-weight: bold;
    color:#686868;
}

/*#categoryMenu a img {
    width: 100% !important;
}*/
/*end--------------*/
#giftMenu img,
#trendingMenu img {
    margin-bottom: 8px;
    /*margin-top: 15px;*/
    border-radius: 5px;
    /*border: 1px solid #eee;*/
    position: absolute;
    top: 0;
    display: block;
}

#categoryMenu span,
#giftMenu span {
    margin-top: 110px;
}

#trendingMenu span {
    margin-top: 70px;
}
/*
#trendingMenu .button {
    
    box-shadow: none;
    margin-top: 5px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    bottom: 0;
    position: absolute;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
*/
#trendingMenu .button {
  border: 1px solid #ccc;
  background: transparent;
 color:gray;
  box-shadow: none;
  margin-top: 5px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  width: 50%;
  bottom: 10px;
  position: absolute;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 50px;
}
#subCategoryDiv img,
.products-list img,
.trending-list img {
    border-radius: 10px;
}

#trendingMenu a {
    width: 125px;
}

#categoryMenu a,
#giftMenu a,
#trendingMenu a {
   color:gray;
    text-transform: none;
    font-size: 14px;
    /*font-weight: bold;*/
    padding: 5px;
    line-height: 16px;
    margin: 0 6px;
    background: #fff;
    border-radius: 5px;
    min-width: 140px;
    max-width: 140px;
    white-space: initial;
    text-align: center;

    /*-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.034);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.034);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.088);*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.088), -2px 2px 2px rgba(0, 0, 0, 0.088), 2px 2px 2px rgba(0, 0, 0, 0.088);
    height: 98%;
}

#categoryMenu a, #giftMenu a {
    box-shadow: none !important;
    padding: 0 !important;
}

#categoryMenu a img {
  /*  width: 100% !important;*/
}

#giftMenu a img {
    width: 100% !important;
}

#giftMenu {
    height: auto;
}

#giftMenu a {
    min-width: auto;
    max-width: inherit;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 182px;
    /*width: 46.3%;*/
}

#giftMenu .col-50 {
    width: 46.3%;
}

#categoryMenu a:first-child,
#giftMenu a:first-child,
#trendingMenu a:first-child {
    margin-left: 12px;
}

#categoryMenu a:last-child,
#trendingMenu a:last-child {
    margin-right: 12px;
}

#categoryMenu a:hover,
#giftMenu a:hover,
#trendingMenu a:hover {
    text-decoration: none;
}

.page[data-page=cart] #order_summary {
    bottom: 0px!important;box-shadow: none;background: white;bottom: 0px!important;box-shadow: none;margin-left: 10px;margin-right: 10px;
}


.page[data-page=home] .location {
    font-size: 14px;
}

.page[data-page=cart] .list-block {
    height: 60%;
    /*overflow-y: scroll;*/
}
.page[data-page=proceed_page] .list-block {
    height: 75%;
}

#footerMenu {
    height: 55px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
    box-shadow: none;
    background: #888;
}

#footerMenu a {
    display: block;
    height: 42px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    border-right: 1px solid #ccc;

}

#footerMenu a i {
    font-size: 22px;
}

.navbar,
.navbar .center {
    font-size: 16px;
    font-weight: bold;
}

.navbar i {
    font-size: 24px !important;
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    line-height: 18px;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}
#lblCartCount1,
#lblCartCount,
#lblNotCount {
    font-size: 12px;
    /*background: #e94637;*/
    background: #fff;
    color: #264797;
   /* background: #264797;
    color: #fff;*/
    padding: 2px 5px;
    vertical-align: top;
    margin-left: -4px;
    margin-top: -20px;
}

.page[data-page=delivery] #dateMenu {
    height: 65px;
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
    background-color: #eff0f7;
    margin: 10px;
}
.orderListData .leftDiv, .orderListData .rightDiv {
    width: 50%;
    color:#ee4337;
}

.orderListData .leftDiv {
    float: left;
}

.orderListData .rightDiv {
    margin-left: 140px;
    text-align: right;
    color:#ee4337;
}

.orderListData {
    display: inline-block;
    width: 100%;
}
#lblWalletCount {
  font-size: 12px;
  /*background: #e94637;*/
  background: #fff;
    color: #264797;
 /* background: #264797;
  color: #fff;*/
  padding: 2px 5px;
  vertical-align: top;
  margin-left: -4px;
  margin-top: -20px;
}
.page[data-page=delivery] #dateMenu a {
    color: #6e6e71 !important;
    font-size: 12px;
    text-align: center;
    text-transform: none;
    min-width: 65px;
    font-weight: bold;
}

.calActive {
    height: 8px;
    width: 8px;
    background-color: #00ba71;
    border-radius: 50%;
    display: inline-block;
}

.form-control {
    padding: 6px !important;
}

.input-group-btn button {
    height: 34px;
    line-height: 10px;
}

.input-group-btn .btn {
    font-weight: bold;
    font-size: 20px;
    padding: 6px 10px;
}

.input-group-btn .btn-danger {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.input-group-btn .btn-success {
    background-color: #aaacbc;
    border-color: #aaacbc;
}
/*************Wallet********/
.walletDataDiv {
    padding-bottom: 15px;
    /*border-bottom: 2px solid #46B19D;*/
}

.walletDataDiv h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
   color:black;
    margin-bottom: 6px;
}

.walletDataDiv .walletAmt {
    font-size: 23px;
    font-weight: bold;
    /*color: #EC964E;*/
    color: #fff;
}

.walletList .item-title {
    width: 100%;
}

.walletList li {
    color: #fff;
    margin-top: 5px;
}

.walletAnc {
    color: #009BC7 !important;
    text-decoration: underline;
}

.width100 {
    width: 100%;
}

.products-list .open-picker,
.trending-list .open-picker {
    color: rgba(0, 0, 0, .87);
}

.picker-modal .toolbar .toolbar-inner {
    padding-left: 10px;
    padding-right: 10px;
    /*color: rgba(0, 0, 0, .87);*/
    color: #fff;
    border-top: 1px solid #000;
}

.picker-modal .toolbar i {
    /*color: #333;*/
    color: #fff;
    font-size: 15px;
}

.picker-modal .item-inner {
    padding-right: 10px !important;
    background-image: none !important;
}

.picker-modal .item-inner a:hover {
    text-transform: none;
}

.qtyDiv {
    text-align: right;
}

.qtyDiv .input-group {
    max-width: 120px;
    float: right;
}

.qtyDiv button {
    box-shadow: none;
}

.qtyDiv input {
    border: 1px solid #ccc;
    height: 34px !important;
    border-radius: 5px !important;
}

.qtyDiv input.cartqty,
.qtyDiv input.changeqty {
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.wrapper-dropdown::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -2px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: grey transparent;
}

.datedropdown::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 13px;
    margin-top: -2px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: grey transparent;
    z-index: 999;
}

.datedropdown12::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 18px;
    top: 17px;
    margin-top: -2px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: grey transparent;
    z-index: 999;
}

.datedropdown1::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -2px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: grey transparent;
    z-index: 999;
}

.subscribeModal .modal-title,
.subscribeSubModal .modal-title,
.pauseModal .modal-title,
.resumeModal .modal-title,
.cancelModal .modal-title,
.changeModal .modal-title,
.getOnceModal .modal-title,
.subscribeModal1 .modal-title {
    font-size: 14px;
    padding: 15px;
    font-weight: 500;
   color:gray;
}

.modal-buttons.modal-buttons-vertical .modal-button {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.subscribeModal,
.subscribeSubModal,
.pauseModal,
.resumeModal,
.cancelModal,
.changeModal,
.getOnceModal,
.subscribeModal1 {
    height: 240px;
    top: 50% !important;
    left: 50% !important;
    margin-top: -120px !important;
    margin-left: -120px !important;
    padding: 5px;
    border: none;
    border-radius: 8px;
}

.subscribeModal {
    height: auto;
}

.pauseModal, .resumeModal, .cancelModal, .changeModal, .getOnceModal, .subscribeModal1 {
    height: auto;
    top: 15% !important;
    left: 10% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 80%;
}

.subscribeModal li,
.subscribeSubModal li,
.pauseModal li,
.resumeModal li,
.cancelModal li,
.changeModal li,
.getOnceModal li,
.subscribeModal1 li {
    padding-left: 16px;
    padding-right: 16px;
}

.subscribeModal li,
.pauseModal li,
.resumeModal li,
.cancelModal li,
.changeModal li,
.getOnceModal li,
.subscribeModal1 li {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

.subscribeModal .list-block .list-button,
.subscribeSubModal .list-block .list-button,
.subscribeSubModal h2 {
    line-height: 35px;
    font-size: 15px;
    font-weight: 600;
    padding: 0px;
    margin: 0;
}

.subscribeModal .popover-inner li a {
    display: inline flow-root list-item !important;
    width: 100px;
     display: inline-block !important;
}
.subscribeModal a .button.button-big {
    height: 0px !important; 
}
.subscribeModal a .altbtn {
   text-transform: none !important;
   font-weight: 900;
}
.subscribeSubModal .list-block .item-content::after {
    background-color: transparent;
}

.subscribeSubModal .list-block .item-media+.item-inner {
    margin: 0;
}

.subscribeSubModal .list-block .item-content,
.subscribeSubModal .list-block .item-inner,
.subscribeSubModal .list-block .item-media {
    padding: 0;
}

.subscribeSubModal .list-block .item-inner .item-title {
    font-size: 13px;
    font-weight: 500;
    color: #757575;
}

.subscribeSubModal .list-block .item-content,
.subscribeSubModal .list-block .item-inner,
.subscribeSubModal .list-block li {
    min-height: 40px;
}

.subscribeSubModal .list-block li .fullWidth {
    width: 100%;
}

.subscribeSubModal .list-block ul {
    overflow: hidden;
}

.subscribeSubModal .custWidth,
.subscribeSubModal .custLabel {
    width: 70px;
    float: left;
}

.subscribeSubModal .custLabel {
    padding-left: 10px !important;
}

.subscribeSubModal .daysTxt,
.subscribeSubModal .daysTxt1,
.subscribeModal .daysTxt1 {
    width: 50px !important;
    border: 1px solid #757575 !important;
    float: left;
    text-align: center;
    border-radius: 5px !important;
}

.modal-overlay {
    background: transparent;
}

.subscribeSubModal {
    height: auto;
}

.popupButton {
    min-height: 35px !important;
}

.popupButton a {
    width: 50%;
    float: left;
    border-radius: 40px !important;
    text-transform: none;
}

.popupButton .cancelBtnPop {
    background-color: #eff0f7 !important;
    color: #000 !important;
}

ul.ks-cboxtags {
    list-style: none;
    padding: 0px !important;
}

ul.ks-cboxtags li {
    display: inline;
    padding: 0 !important;
    margin-right: 5px;
}

ul.ks-cboxtags li label {
    display: inline-block;
    background-color: #dde1e3;
    border-radius: 4px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

.daysOfWeekLi li {
    min-height: 30px !important;
    margin-right: 0 !important;
}

.daysOfWeekLi li input {
    height: 27px !important;
    font-size: 12px !important;
    margin-top: 3px !important;
}

ul.ks-cboxtags li label {
    padding: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    width: 40px;
    text-align: center;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    background-color: #000;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.page[data-page=wallet] h2 {
    /*color: #bbbbc8;*/
    font-size: 15px;
    /*text-align: center;*/
    margin-top: 25px;
    padding-left: 10px;
    float: left;
    font-weight: bold;
}

.page[data-page=wallet] .amtBonDiv {
    margin-top: -3px;
}

.page[data-page=wallet] .list-block .item-content {
    padding-left: 6px;
}

.page[data-page=wallet] .walletTitleSpan {
    float: right;
    margin-top: 24px;
    padding-left: 5px;
    font-size: 15px;
}

.page[data-page=addvacation] .footerBtn,
/*.page[data-page=farmvisit] .footerBtn,*/
.page[data-page=delivery1] .footerBtn,
.page[data-page=cash_collection_request] .footerBtn {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.page[data-page=wallet] .footerBtn {
    width: 100%;
    position: fixed;
    bottom: 0px;
}

.page[data-page=delivery1] .floating-button {
    bottom: 30px;
    position: fixed;
}

.page[data-page=home] .floating-button {
    bottom: 10px;
    z-index: 99999;
    position: fixed;
}

.page[data-page=wallet] .footerBtn #add-btn {
    border-radius: 0;
}

.page[data-page=wallet] .rupLabel {
    display: block;
    font-size: 18px;
    position: absolute;
    line-height: 35px;
    left: 35%;
}

#resetWalletBtn {
    border: 0px;
}

.page[data-page=wallet] #amount {
    /*width: 100px;
    margin: 0 auto;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    text-align: left;
    font-size: 18px;
     padding-left: 10px;
    padding-right: 10px;
}



.page[data-page=wallet] .list-block .item-content::after,
.page[data-page=wallet] .item-input.focus-state::after,
.page[data-page=wallet] .item-input.not-empty-state::after {
    background-color: transparent;
}

.page[data-page=wallet] .item-input.focus-state #amount {
    border-bottom: 2px solid gray;
}

.page[data-page=wallet] .item-input.not-empty-state #amount {
    border-bottom: 1px solid gray;
}

.page[data-page=wallet] .amtBox {
    border: 1px solid #ddd;
    text-align: center;
    /*color: #9d732d !important;*/
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
}

.page[data-page=wallet] .amtBonDiv {
    padding-left: 15px;
    padding-right: 15px;
}

.amtBonDiv .row::before,
.amtBonDiv .row::after {
    content: none;
}

#walletHistoryDiv li {
    background-color: #fff;
    margin-top: 35px;
    border-radius: 5px;

    -moz-box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;
}
#walletHistoryDiv {
    /*margin-top: 20px;*/
    height: 100%;
}

#walletHistoryDiv .item-title {
    font-size: 20px;
}

#walletHistoryDiv .item-content {
    display: block;
}

#walletHistoryDiv .row {
    padding: 8px;
    padding-left: 0px;
    padding-top: 0px;
}

#walletHistoryDiv .item-inner {
    padding-bottom: 0px;
    min-height: 35px;
}

#walletHistoryDiv .dateData {
    /*color: #bbb;*/
    font-weight: bold;
}


.walletHistoryDiv li {
    background-color: #fff;
    margin-top: 35px;
    border-radius: 5px;
margin: 10px;
    -moz-box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;
}
.walletHistoryDiv1 li {
    background-color: #fff;
    margin-top: 1px;
    border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
    -moz-box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;
}
.page[data-page="home"] .floating-button {
  bottom: 50px;
  z-index: 99999;
  position: fixed;
}
.page[data-page=my-orders] .tabs-swipeable-wrap > .tabs > .tab
{
   margin-top: 20px !important;
}
.page[data-page=order-detail] .card
{
margin-left: 10px !important;
margin-right: 10px !important;
margin-bottom: 2px !important;
margin-top: 2px !important;
}
.walletHistoryDiv {
    /*margin-top: 20px;*/
    height: 100%;
}

.walletHistoryDiv .item-title {
    font-size: 20px;
}

.walletHistoryDiv .item-content {
    display: block;
}

.walletHistoryDiv .row {
    padding: 8px;
    padding-left: 0px;
    padding-top: 0px;
}

.walletHistoryDiv .item-inner {
    padding-bottom: 0px;
    min-height: 35px;
}

.walletHistoryDiv .dateData {
    /*color: #bbb;*/
    font-weight: bold;
}

.page[data-page=home] .navbar a.link {
    padding: 5px;
}

.page[data-page=delivery1] #dateMenu {
    border-bottom: 1px solid #000;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
}

.page[data-page=delivery] .products-list,
.page[data-page=delivery1] .products-list {
    color: #757575;
}

.page[data-page=delivery] .item-text,
.page[data-page=delivery1] .item-text {
    max-height: 80px;
}

.page[data-page=delivery] .products-list .item-media img,
.page[data-page=delivery1] .products-list .item-media img {
    max-height: 80px;
    width: 40px;
}

.page[data-page="delivery"] #dateMenu .tab-link.selected,
.page[data-page="delivery1"] #dateMenu .tab-link.selected {
    color: #000 !important;
}

.page[data-page="delivery"] .delFlag,
.page[data-page="delivery1"] .delFlag {
    font-size: 10px;
}

.page[data-page="delivery"] .delFlag.del,
.page[data-page="delivery1"] .delFlag.del {
    color: green;
}

.page[data-page="delivery"] .delFlag.notDel,
.page[data-page="delivery1"] .delFlag.notDel {
    color: red;
}

.page[data-page="delivery"] .item-inner,
.page[data-page="delivery1"] .item-inner {
    padding-right: 0 !important;
}

.page[data-page="delivery"] .cutOffData,
.page[data-page="delivery1"] .cutOffData {
    text-align: right;
    color: #757575;
    font-size: 10px;
    float: right;
    line-height: 12px;
    font-weight: 400;
    margin-right: 5px;
}

.page[data-page="delivery1"] .cutOffData1 {
    color: #757575;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
}

.page[data-page="addvacation"] .cutOffData /*, .page[data-page="farmvisit"] .cutOffData */{
    text-align: center;
    color: #757575;
    font-size: 10px;
    display: block;
    line-height: 12px;
    font-weight: 500;
    margin: 15px;
}

.page[data-page="addvacation"] #start-date, .page[data-page="addvacation"] #end-date/*, .page[data-page="farmvisit"] #start-date*/ {
    font-weight: bold;
    border-bottom: 1px solid;
}
.transactionDataDiv .card
{
  margin: 10px;
}
.payment-tab
{
     margin: 10px;
}
.user-profile .card
{
  margin: 10px;
}

.page[data-page="myPlans"] .dataDiv .card-content-inner, #order-tab .dataDiv .card-content-inner, .page[data-page="cash-collection-history"] .dataDiv .card-content-inner {
    padding: 5px;
}

.page[data-page="myPlans"] .card-header, #order-tab .card-header, .page[data-page="cash-collection-history"] .card-header {
    display: block;
    padding: 5px;
    min-height: 35px;
}

.page[data-page="myPlans"] .card-header .typeDiv, #order-tab .card-header .typeDiv, .page[data-page="cash-collection-history"] .card-header .typeDiv {
    font-weight: 400;
    font-size: 12px;
}

#order-tab .dataDiv .card {
    background-color: #f0f0f0;
}

.page[data-page="myPlans"] .dataDiv .card, #order-tab .dataDiv .card, .page[data-page="cash-collection-history"] .dataDiv .card {
    background: #fff;
}

.page[data-page="myPlans"] .dataDiv .card .card-header, #order-tab .card .card-header, .page[data-page="cash-collection-history"] .dataDiv .card .card-header {
    border-bottom: 1px solid #aaa;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
}

.page[data-page="myPlans"] .dataDiv .card .card-footer, #order-tab .card .card-footer, .page[data-page="cash-collection-history"] .dataDiv .card .card-footer, #vacationList ul .card .card-footer {
    border-top: 1px solid #aaa;
}

.page[data-page="myPlans"] .dataDiv .card .card-footer a, .page[data-page="myPlans"] .dataDiv .card .card-footer small {
    max-width: 38.33%;
}

.page[data-page="myPlans"] #canceled-tab .dataDiv .card .card-footer small, .page[data-page="myPlans"] #inactive-tab .dataDiv .card .card-footer small, .page[data-page="myPlans"] #expired-tab .dataDiv .card .card-footer small {
    max-width: 100%;
}

.page[data-page="myPlans"] .dataDiv .card-content-inner, #order-tab .card-content-inner, .page[data-page="cash-collection-history"] .dataDiv .card-content-inner {
    padding-left: 10px;
    padding-right: 10px;
}

.page[data-page="myPlans"] .dataDiv .card .card-header .facebook-user-name, #order-tab .card .card-header .facebook-user-name, .page[data-page="cash-collection-history"] .dataDiv .card .card-header .facebook-user-name {
    margin: 0;
    font-weight: normal;
}

.addressModal {
    left: 0 !important;
    bottom: 0 !important;
    height: 80%;
    top: unset !important;
    z-index: 13050 !important;
}

.addressModal .toolbar {
    background: #aaa;
}

.addressModal .toolbar a {
   color:gray;
}

.toast {
    z-index: -1 !important;
}

.addressModal .content-block {
    margin-top: 15px;
    margin-bottom: 25px;
}

.addressModal .picker-modal-inner {
    overflow-y: auto;
}

.addressModal .customCss input,
.addressModal .customCss .smart-select,
.addressModal .customCss textarea,
.addressModal .customCss select {
    margin-bottom: 0px !important;
}

.custDaySpan {
    background-color: #000;
    display: inline-block;
    margin-right: 5px;
    text-transform: capitalize;
    line-height: 10px;
    margin-bottom: 5px;
    min-width: 30px;
}

.transactionDataDiv .priceTd {
    min-width: 80px;
}

.transactionDataDiv .card-header {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 30px;
    border-bottom: 1px solid #ddd;
}

.transactionDataDiv .card-content-inner p {
    margin-top: 0;
    margin-bottom: 10px;
}

.pdfHeader {
    text-align: center;
}

#notification-tab .alert {
    padding: 0;
}

/*#signUpBtn {
    width: 220px;
    font-size: 16px;
}*/

.chip.chip-small {
    border-radius: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 28px;
    width: 100%;
    text-align: center;
    max-width: 110px;
    min-width: 80px;
}

.vacationDates {
    margin-bottom: 5px;
}

#vacationList .item-content {
    display: block;
}

#vacationList .item-title {
    width: 100%;
}

#vacationList .endVacationDiv {
    padding-top: 0px;
    min-height: 30px;
}

.page[data-page=checkdelivery1] #locationDiv span, .page[data-page=skiptoexplorecity] #locationDiv span {
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 13px;
    float: left;
    margin-bottom: 15px;
   color:gray;
    background: #fff;
}

.areaList {
    margin-top: 0;
}

#areaList li {
    background: #fff;
}

.subareaList {
    margin-top: 0;
}

#subareaList li {
    background: #fff;
}
.apartmentList {
    margin-top: 0;
}

#apartmentList li {
    background: #fff;
}

.page[data-page=checksubarea] .item-inner, .page[data-page=checkapartment] .item-inner{

    padding-left: 10px
} 

.popup .toolbar-inner .center {
    margin-left: 16px;
    margin-right: 16px;
}

.subscribeModal .buttonSpan {
    margin-left: 5px;
}

.subscribeModal .buttonSpan button {
    height: 36px;
    min-width: 50px !important;
    width: 50px !important;
    text-align: center;
    border-radius: 5px !important;
    font-size: 12px;
    padding: 0;
}

.toast-container {
    z-index: 14000;
}

#bannerPopup img {
    width: 100%;
}

#bannerPopup p {
    word-wrap: break-word;
}

#bannerPopup .promoData {
    text-align: center;
}

#bannerPopup .promoData .promo {
    padding: 10px;
    width: 100px;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
}

#bannerPopup .promoData a {
    padding: 10px;
    margin-left: 5px;
    height: auto;
    margin-top: 20px;
}

.promoDiv {
    margin-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 55px;
}

.promoDiv #promocode {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page[data-page=delivery1] .tab-content.content-block {
    /*height: 75%;*/
    overflow: hidden;
    height: 100%;
}

.page[data-page=delivery1] .tab-content .content-block {
    height: 100%;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    overflow: hidden;
    padding-bottom: 25px;
}

.page[data-page=delivery1] .content-block .list-block {
    /*height: 90%;*/
    /*height: 65%;*/
    /*overflow-y: auto;*/
        height: calc(100% - 100px);

    position: absolute;
   /* top: 55px;
    bottom: 0;
    left: 0;
    right: -10px;*/ /* Increase/Decrease this value for cross-browser compatibility */
    overflow-y: scroll;
    width: 100%;
}

.page[data-page=delivery1] .content-block .list-block .products-list {
    height: 100%;
}

/*.page[data-page=delivery1] .tab-link-highlight {
    width: 170px !important;
}*/
.page[data-page=product-details] #productDetailDiv{
    margin: 10px;

}
.page[data-page="product-details"] .page-content, .page[data-page="product-details"] .toolbar
{
    background: #eff1f3;
}
#productDetailDiv .content-block {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 48px;
}

#productDetailDiv .swiper-slide {
    border-radius: 10px;
    text-align: center;
}

#productDetailDiv .swiper-slide img {
    /*border: 1px solid #eee;*/
    border-radius: 10px;
    width: 75%;
}

#productDetailDiv .priceDiv {
    margin-top: 10px;
    display: block;
    font-size: 16px;
}

#productDetailDiv .slider-hero {
    /*margin-bottom: 10px;*/
    margin-top: 10px;
}

.page[data-page=home] .center .search, .page[data-page=sub-category-products] .right .search {
    width: 100%;
    position: relative;
    display: flex;
}

.page[data-page=home] .center .searchTerm, .page[data-page=sub-category-products] .right .searchTerm1 {
    width: 100%;
    /*border: 2px solid #aaa;*/
    border-right: none;
    padding: 5px;
    height: 36px;
    border-radius: 0 5px 5px 0;
    outline: none;
   color:gray;
    background: #eee;
    padding-top: 0;
    padding-bottom: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #1A1A1A;
    opacity: 1; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1A1A1A;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #1a1a1a;
}

.page[data-page=sub-category-products] .right .searchTerm1 {
    width: 130px;
}
.page[data-page=home] .right .searchTerm {
    width: 130px;
}

.navbar .center {
   color: #fff;
   /*color: #264797;*/
    width: 100%;
}

.navbar .center, .subnavbar .center {
    margin-left: 0;
}

.page[data-page=home] .center .searchTerm::-moz-placeholder, .page[data-page=sub-category-products] .right .searchTerm1::-moz-placeholder {
    font-size: 12px;
}

.page[data-page=home] .center .searchTerm:focus, .page[data-page=sub-category-products] .right .searchTerm1:focus {
   color:gray;
}

.page[data-page=home] .center .searchButton, .page[data-page=sub-category-products] .right .searchButton {
    width: 40px;
    height: 35px;
    border: 0px;
    background: #eee;
    text-align: center;
    /*color: #fff;*/
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    font-size: 0px;
    line-height: initial;
}

.page[data-page=home] .center .searchButton i, .page[data-page=sub-category-products] .right .searchButton i {
    font-size: 18px !important;
}

/*.page[data-page=home] .slider-hero {
    padding-left: 0;
    padding-right: 0px;
    margin: 0 5px;
    margin-right: 2px;
    margin-bottom: 20px;
}

.page[data-page="home"] .slider-hero .swiper-slide img {
    width: 100%;
    border-radius: 10px;
}*/

.panel-multicomplete-results {
    z-index: 999999;
    /*left: 50px !important;*/
}

.panel-multicomplete-results .result {
    padding: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.panel-multicomplete-results .result a {
    width: 100%;
}


.modal.modal-in {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.modal.modal-in .modal-title {
    color: #fff;
}

#walletMenu .item-title {
    width: 100%;
}

#walletMenu span {
    float: right;
    font-weight: bold;
}

.list-block .item-inner {
    min-height: 50px;
}

.tomoroDelivery {
    font-weight: bold;
    margin-top: 25px;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    color:gray;
}
body {
      /*color:gray !important;*/
      color:#737373 !important;
    }

.tomoroDelivery .col-10 {
    font-size: 30px;
}

.tomoroDelivery small {
    font-weight: normal;
}

#calendar-range, #startdate {
    border-bottom: 1px solid;
}

#startdate {
    width: 110px;
}

.page[data-page=wallet] .navbar .right a {
    font-weight: normal;
}

.page[data-page=home] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.page[data-page=splash-screen] .page-content
{
    background: white;
}
 .page[data-page=contact-us] .page-content, .page[data-page=login1] .page-content, .page[data-page=signup] .page-content, .page[data-page=login] .page-content, .page[data-page=product-details] .page-content, .page[data-page=editprofile] .page-content, .page[data-page=cash_collection_request] .page-content {
    background: #eff1f3;
}

/*.page[data-page=farmvisit] .page-content {
    background: #eff1f3;
}*/

.page[data-page=cash_collection_request] .item-input::after {
    background: transparent !important;
}

.page[data-page=cash_collection_request] .item-inner {
    padding-bottom: 0px;
}

/*.page-content {
    background: #eff1f3;
}*/

.picker-calendar.picker-modal {
    z-index: 99999;
}



.page[data-page=delivery1] #dateMenu {
    background: #fff;
}

.page[data-page=delivery1] li {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

.page[data-page=delivery1] li:last-child {
    margin-bottom: 40px;
}

.page[data-page=delivery1] li .item-inner {
    padding: 10px 0;
}

.page[data-page=help] .content-block {
    padding: 0 !important;
}

.page[data-page=help] .content-block p {
    padding: 0 15px;
}

.page[data-page=help] li {
    background: #fff;
    margin-bottom: 8px;
}

#notification-tab .dashboardAlert, #notification-tab .dashboardAlert .alert {
    margin-bottom: 10px !important;
}

/*.page .content-block {
    padding-right: 15px !important;
}*/

.page[data-page=home] .slider-hero {
    margin-bottom: 30px;
    padding-right: 5px;
    padding-left: 5px;
}

.custom-calendar-wrap .custom-header {
    display: block;
    text-align: center;
}

.custom-calendar-wrap .custom-header h2, .custom-calendar-wrap .custom-header h3 {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.custom-calendar-wrap .custom-header nav span:first-child {
    left: 0;
}

.custom-calendar-wrap .custom-header nav span:last-child {
    right: 30px;
}

.user-info .user-name {
    margin-top: 15px;
}

.noVacation {
    top: 20%;
    text-align: center;
    position: fixed;
    width: 100%;
}

.noVacation img {
    width: 200px;
}

.noVacation .button {
     /*background: #ee4337!important;*/
     background: #264797!important;
    /*background: transparent !important;*/
    color: white !important;
    border: 1px solid #ddd;
    width: 200px;
    margin: 0 auto;
    border-radius: 36px;
}

.rechargeApproval {
    padding-top: 40px;
    text-align: center;
    background: #fff;
    padding-bottom: 40px;
    margin: 0 !important;
}

#vacationList li {
    background: transparent;
    margin-top: 35px;
}

.page[data-page=addvacation] .inputs-list {
    margin: 0;
    background: #fff;
    padding-bottom: 1px;
}


/*.page[data-page=farmvisit] .inputs-list {
    margin: 0;
    background: #fff;
    padding-bottom: 1px;
}*/

.rechargeApproval h4, .rechargeApproval small {
    margin-bottom: 20px;
    display: block;
}

.page[data-page=delivery1] .tabs-swipeable-wrap{
    height: 100%;
    height: -webkit-calc(100% - 100px);
    height: -moz-calc(100% - 100px);
   /* height: calc(100% - 100px);*/
}

/*#mobile {
    margin-bottom: 0 !important;
}*/

.page[data-page=account-menu] li {
    background: #fff;
    margin-bottom: 8px;

    /*-moz-box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;
    margin-left: 4px;
    margin-right: 2px;*/
}

.page[data-page=account-menu] .list-block {
    margin-top: 8px;
}

.page[data-page=products-list] .list-block, .page[data-page=trending-items] .list-block, .page[data-page=adhoc-items] .list-block, .page[data-page=sub-category-products] .list-block, .page[data-page=cart] .list-block,.page[data-page=proceed_page] .list-block, .page[data-page=faq] .content-block {
    margin: 0;
}

.page[data-page=faq] .content-block {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 0px;
}

.page[data-page=faq] .list-block li .content-block {
    padding: 16px;
}

.page[data-page=faq] .list-block li .content-block p {
    margin-top: 0;
}

.page[data-page=faq] .list-block li.accordion-item-expanded a {
    border-bottom: 1px solid #eff1f3;
}
.page[data-page=sub-category-products] .list-block .products-list li,.page[data-page=trending-items] .list-block .trending-list li, .page[data-page=adhoc-items] .list-block .trending-list li
{
 background: #fff;
    margin-bottom: 0px;

    /*-moz-box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;*/
    margin-top: 12px;
    /*margin-left: 4px;
    margin-right: 2px;*/
}
.page[data-page=products-list] .list-block .products-list li, .page[data-page=cart] .list-block .products-list li, .page[data-page=faq] .list-block li {
    background: #fff;
    margin-bottom: 0px;

    /*-moz-box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;*/
    /* margin-top: 35px; */
    /*margin-left: 4px;
    margin-right: 2px;*/
}
.products-list li
{
    margin: 10px;
}
.page[data-page=account-menu] .afterLoginMenu 
{
    margin: 10px;
}

.page[data-page=cart] .list-block .products-list li {
    /*margin-bottom: 4px;*/
    margin-top: 35px;
}
.page[data-page=proceed_page] .list-block .products-list li {
     background: #fff;
    margin-bottom: 0px;
    margin-top: 35px;
}

.page[data-page=cart] .toolbar-bottom, .page[data-page=cart] .toolbar-bottom .grand-total, .page[data-page=cart] .toolbar-bottom .button {
    font-weight: bold !important;
    font-size: 14px !important;
}
.page[data-page=proceed_page] .toolbar-bottom, .page[data-page=proceed_page] .toolbar-bottom .grand-total, .page[data-page=proceed_page] .toolbar-bottom .button {
    font-weight: bold !important;
    font-size: 14px !important;
}
.page[data-page=proceed_page] .toolbar-bottom, .page[data-page=proceed_page] .toolbar-bottom .grand-total, .page[data-page=proceed_page] .toolbar-bottom .button {
    font-weight: bold !important;
    font-size: 14px !important;
}

.outOfStock {
    position: absolute;
    /*top: 0;*/
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    color: #FFF;
    background: rgba(0, 0, 0, .6);
    height: calc(100% - 28px);
}

.outOfStock p {
   display: table-cell;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
}

#productDetailDiv .outOfStock {
    height: 100% !important;
    top: 0;
}

.products-list .item-media, .trending-list .item-media {
    position: relative;
}

.walletDataDiv {
    /*background: #2ecc71;*/
    /*background: #EE4337;*/
    color: #fff;
    
    margin-bottom: 10px;
}

.walletDataDiv i {
    font-size: 60px;
}

.pendingBottleDiv {
    padding: 10px;
    padding-top: 0;
    font-size: 20px;
    margin-top: 25px;
}
.pendingDeliveryDiv
{
    font-size: 20px;
}
.totalDeliveryDiv
{
    font-size:20px;
}
.page .list-block .item-text {
    -webkit-line-clamp: 0 !important;
    display: block;
}


.toast-container {
    background: rgba(0, 0, 0, 0.7) !important;
}

.modal.modal-in {
    background: rgba(0, 0, 0, 0.9) !important;
    color: #fff;
    border-radius: 15px;
}

.theme-teal .modal.modal-in .modal-button {
    border: 1px solid #fff !important;
    color: #fff !important;
}

/*.preloader-inner .preloader-inner-half-circle {
    border-color: #fff !important;
}*/

.modal.modal-in .modal-title {
    color: #fff;
}

a:hover, a:focus {
    text-decoration: none !important;
}

.loginMsg {
    margin-bottom: 20px;
    margin-top: 20px!important;
    /*background: red;*/
    background: #264797;
    color: #fff;
    font-weight: 600;
}

.loginMsg .button {
    /*width: 50%;
    margin: 0 auto;*/
    background: #fff !important;
    color: #000 !important;
    border: none !important;
}

.getOnceModal .modal-title {
    font-size: 14px;
    padding: 15px;
    font-weight: 500;
   color:gray;
}

.getOnceModal {
    height: 240px;
    top: 50% !important;
    left: 50% !important;
    margin-top: -120px !important;
    margin-left: -120px !important;
    border: 1px solid #333;
    border-radius: 0;
}

.getOnceModal {
    max-height: 70%;
    overflow-y: auto;
}

.getOnceModal {
    height: auto;
    top: 15% !important;
    left: 10% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 80%;
}

.getOnceModal li {
    padding-left: 16px;
    padding-right: 16px;
}

.getOnceModal li {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

/*.bottomNote {
    bottom: 10px;
    position: absolute;
    width: calc((100% - 22px*2)/ 1);
}*/


/*.page .page-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px;
    overflow-y: scroll;
    padding-right: 17px;
}*/

.scrollbar-hidden::-webkit-scrollbar, .page .page-content::-webkit-scrollbar, .page .page-content .tabs .tab-content::-webkit-scrollbar {
    display: none;
}
  
/* Hide scrollbar for IE, Edge add Firefox */
.scrollbar-hidden, .page .page-content, .page .page-content .tabs .tab-content {
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.billingDataDiv {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px;
}

.billingDataDiv .pricing-table .pricing-table-title {
    font-size: 17px;
    padding: 10px;
    background: gray;
    text-align: left;
}

.billingDataDiv .pricing-table .pricing-table-features {
    padding: 5px 16px;
}

.billingDataDiv li {
    padding-bottom: 5px;
    font-size: 14px;
}

.billingDataDiv .tablet-50 {
    margin-bottom: 16px;
}





/********************************* Pdf css ***************************/
.transactionDataDivPrint1 img, .billingDataDivPrint1 img {
    width: 100%;
    max-width: 150px;
}

.transactionDataDivPrint1 table, .billingDataDivPrint1 table {
    width: 100%;
    border-collapse: collapse;
}

.transactionDataDivPrint1 table td, .transactionDataDivPrint1 table th, .billingDataDivPrint1 table td, .billingDataDivPrint1 table th {
    border: 1px solid black;
}

.transactionDataDivPrint1 table th, .transactionDataDivPrint1 table td, .billingDataDivPrint1 table th, .billingDataDivPrint1 table td {
    padding: 10px;
}

.transactionDataDivPrint1 .address, .billingDataDivPrint1 .address {
    display: block;
}

.billingDataDivPrint1 .productTable {
    width: 400px;
    float: right;
}

#bannerPopup .center {
   /*color:gray;*/
   color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#productDetailDiv .row::before, #productDetailDiv .row::after, .page[data-page="product-details"] .slider-hero .swiper-slide::before {
    content: inherit !important;
}

/*#productDetailDiv .priceDiv del {
    font-size: 15px;
}

#productDetailDiv .diffRate {
    font-size: 12px;
}*/

#productDetailDiv .diffRate i {
    font-size: 14px;
}

#productDetailDiv .bottomNote {
    margin-top: 25px;
    display: block;
}

/*#productDetailDiv .chip.chip-small {
    max-width: 100%;
}*/

.productDetailBg {
    background: #f3f3f3;
    border-radius: 10px;
    padding: 16px;
}
.productQtyDiv .extradiv
{
    max-width: 110px;
/*min-width: 0px;*/
}
.productQtyDiv .extradiv .qtyincre{
    /*width: 55px;*/
     /*border: 1px #ccc solid!important;*/
    border-top: 1px #ccc solid!important;
    border-bottom: 1px #ccc solid!important;
    height: 27px;
    font-size: 14px;
    margin-top: 3px;
    text-align: center;
}
.productQtyDiv #leftincre{
        border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.productQtyDiv #rightincre{
        border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

/*.productQtyDiv .subBtn{
    height: 27px;
    margin-top: 3px;
    padding-top: 0px;
    font-size: 18px;
}*/
.productQtyDiv .subBtn1{
    height: 27px;
    margin-top: 3px;
    padding-top: 0px;
    font-size: 18px;
}
#productDetailDiv .product-quantity {
    font-size: 13px;
}

#productDetailDiv .productQtyDiv .input-group {
    width: 78%;
    float: right;
}

.theme-teal .item-input-field.not-empty-state::after {
    background-color: transparent;
}

.noDataImg {
    display: flex;
    justify-content: center !important;
    height: 100%;
}

.noDataImg img {
    width: 100% !important;
    border-radius: 0;
    top: 25%;
    position: absolute;
    padding: 10px;
}

#giftMenu.noDataImg img {
    top: auto !important;
}

.homeMarginTop {
    margin-top: 35px !important;
}

.page[data-page=wallet-recharge-history] .content-block {
    height: 100%;
    margin-top: 0;
}

.page[data-page=cash-collection-history] .noDataImg img {
    top: 40%;
}



.page[data-page=myPlans] #canceled-tab .card-footer {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.subscribeModal .startDateSpan {
    line-height: 32px;
    font-weight: bold;
}

.marquee {
    /*width: 450px;*/
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 0 !important;
}
/*Change Css by Aparna*/

.page[data-page=cart] .products-list .item-title,
.page[data-page=proceed_page] .products-list .item-title,
.page[data-page=products-list] .products-list .item-title,
.page[data-page=trending-items] .trending-list .item-title,
.page[data-page=adhoc-items] .trending-list .item-title,
.page[data-page=sub-category-products] .products-list .item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 15px;
    -webkit-line-clamp: 2;
    line-height: 17px;
    margin-bottom: 2px;
    white-space: normal;
    color: #333333;
    font-weight: bold;
}
.page[data-page=products-list] .row [class*='col-50'],
.page[data-page=trending-items] .row [class*='col-60'],
.page[data-page=adhoc-items] .row [class*='col-60']{
  
    padding-right: 10px;
}
ul.trending-list{
    background-color: #F1F2F1;
     border: 1px #F1F2F1 solid;
}
ul.trending-list>li:first-child{
        margin-top: 2px!important;
}
ul.products-list{
    background-color: #F1F2F1;
     border: 1px #F1F2F1 solid;
}
ul.products-list>li:first-child{
        margin-top: 2px!important;
}
.scrollbar-hidden, .page .page-content, .page .page-content .tabs .tab-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #eff1f3;
}
/*----------------*/
.marquee span {
    display: inline-block;
    width: max-content;  
    padding-left: 100%;
    /* show the marquee just outside the paragraph */
    will-change: transform;
    animation: marquee 5s linear infinite;
}
  
.marquee span:hover {
    animation-play-state: paused
}
.button-raised
{
    border-radius: 50px !important;
    /*background: #EE4337 !important;*/
    background: #264797 !important;
    color:white !important;
}

    
@keyframes marquee {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
    
/* Respect user preferences about animations */
@media (prefers-reduced-motion: reduce) {
    .marquee span {
        animation-iteration-count: 1;
        animation-duration: 0.01; 
        /* instead of animation: none, so an animationend event is 
        * still available, if previously attached.
        */
        width: auto;
        padding-left: 0;
    }
}
#payment-btn
{
    border-radius: 40px;
}

.page[data-page="wallet"] h2 {
  color: #bbbbc8;
  font-size: 15px;
  text-align: center;
}
.page[data-page="wallet"] .walletDataDiv {
  padding-bottom: 15px;
  border-bottom: 2px solid #EE4337;
}
.page[data-page="wallet"].list-block {
  margin: 5px 0;
}
.page[data-page="wallet"] .amtBonDiv {
  padding-left: 15px;
  padding-right: 15px;

}
.page[data-page="wallet"] #add-btn, .page[data-page="editprofile"] .button {
  width: 180px;
  margin: 0 auto;
}

/*.page[data-page="farmvisit"] .button {
  width: 180px;
  margin: 0 auto;
} */

.page[data-page="wallet"] .walletBg img {
  width: 100%;
  align-self: center;
  margin: 0 auto;
  border-radius: 40px;
  max-height: 170px;
}
.page[data-page="wallet"] .navbar-fixed .toolbar ~ .page-content {
    padding-top: 0px !important;

    }
.page[data-page="wallet"] ::placeholder {
  color: #BABAC8;
  opacity: 1;
}
.page[data-page="wallet"]  .item-content.label .item-media small {
   color: #7B7B7B;
  font-size: 13px;
  font-weight: bold;
}
.page[data-page="wallet"] #revewDiv1
{
    margin: 10px;
}
.page[data-page="wallet"] .navbar-fixed .toolbar ~ .page-content
{
  padding-top: 0px !important;
}
.walletBg
{
    background: white;
    margin: 10px;
    height: 85px;
}
.page[data-page="wallet"] .scrollbar-hidden, .page .page-content, .page .page-content .tabs .tab-content {
  
  background-color:#eff1f3;
}
.page[data-page="wallet"]  .pages 
{
     background-color: #F1F2F1 !important;
}
.page[data-page=wallet] .page-content
{
   background-color: #eff1f3;
}
.page[data-page="wallet"] .amtBox {
  border: 1px solid #ddd;
  text-align: center;
  /*color:#ee4337 !important;*/
  color: #264797 !important;
  font-weight: bold;
  font-size: 15px;
  margin-top: 15px;
  border-radius: 50px !important;
}
.page[data-page="wallet"]  #add-btn
{
    border-radius: 40px;
}
.page[data-page="wallet"] .navbar-fixed .toolbar ~ .page-content{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.walletBg img {
  width: 100%;
  align-self: center;
  margin: 0 auto;
}
.walletDataDiv .walletAmt {
  font-size: 20px;
  font-weight: bold;
  color: #EE4337;
}
.walletDataDiv {
  padding-bottom: 15px;
  border-bottom: 2px solid #46B19D;
}
.walletDataDiv h4 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
}
.walletDataDiv .walletAmt {
  font-size: 20px;
  font-weight: bold;
  color: #EC964E;
}
.titem
{
    padding-top: 15px;
}
#cartFooter {
  background-color: #f1f2f1;
  bottom: 120px;
  
  border: 0;
  padding-bottom: 10px;
}
.page[data-page=cart] .toolbar-bottom .grand-total{
    background-color: #F1F2F1;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 50%;
}
 

.page[data-page=cart] .toolbar-bottom .button{
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    width: 50%;
    border-radius: 40px;
}

.page[data-page=cart] .toolbar-bottom .button {
    width: 220px;
    margin: 0 auto;
}

.page[data-page="cart"] .grand-total {
    /*border: 1px solid #d3d3d3;*/
    color: #757575 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    width: 100% !important;
}
/*input {
    -ms-touch-action: none;
    touch-action: none;
}*/



/* Used in farm-visit.html */
.page[data-page="farmvisit"] .item-input {
    display: flex;
    flex-wrap: wrap; 
    align-items: center;
}

.page[data-page="farmvisit"] .item-input select{
    width: auto;
    flex: 1 1 auto; 
    padding-left: 10px ;
    background-color: #fff;
    border-radius: 5px;
}

.page[data-page="farmvisit"] .input-box {
    background-color: #fff;
    border-radius: 5px;
}

.page[data-page="farmvisit"] #addr {
    background-color: #fff;
    border-radius: 5px;
}

.page[data-page="farmenquiry"] .card-row {
    margin-bottom: 5px;
}

/*------------*/

/*Change Css by Akshata */

/* ---------------------- */
/* Previous Month Bill Card */
/* ---------------------- */
/* Container Card Styling */
.page[data-page="wallet"] #previousBillingContainer .card {
    border-top: 4px solid #048433;
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    margin: 0 0 20px 0;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9f2e4;
    box-shadow: 0 8px 30px rgba(4,132,51,0.45);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.page[data-page="wallet"] #previousBillingContainer .card:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 14px 40px rgba(4,132,51,0.65);
}

/* Bill Date */
.page[data-page="wallet"] #previousBillingContainer .card .bill-date {
    font-size: 18px;
    font-weight: 600;
    color: #4b4a4a;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 6px;
}

.page[data-page="wallet"] #previousBillingContainer .card .bill-date::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Bill Amount label */
.page[data-page="wallet"] #previousBillingContainer .card .bill-label {
    font-size: 15px;
    font-weight: 700;
    color: #1f3b8f;
    letter-spacing: 0.3px;
}

/* Row flex box */
.page[data-page="wallet"] #previousBillingContainer .card .bill-row {
    display: flex;
    gap: 12px;
    align-items: center;
    white-space: nowrap;
}

/* Amount Box */
.page[data-page="wallet"] #previousBillingContainer .card .amount-text {
    font-weight: 700;
    font-size: 15px;
    color: #c82333;
    border: 2px solid #d0d0d0;
    padding: 6px 16px;
    border-radius: 24px;
    background: #fff6f6;
}

/* Pay Button */
.page[data-page="wallet"] #previousBillingContainer .card .pay-btn {
    /*background: linear-gradient(135deg, #048433, #06a14a);*/
    background:  #234090;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border-radius: 40px;
    padding: 8px 20px;
    display: inline-flex;
    /*box-shadow: 0 4px 15px rgba(4,132,51,0.45);*/
    margin-left: auto;
}

/* Statement Link */
.page[data-page="wallet"] #previousBillingContainer .card .statement-link {
    font-size: 14px;
    color: #264797;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 8px;
}

.page[data-page="wallet"] #previousBillingContainer .card .statement-link:hover {
    color: #092968;
}

/* Accent Bar */
.page[data-page="wallet"] .accent-bar {
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #05a44b, #0cbc63);
    border-radius: 12px 12px 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

.page[data-page="wallet"] #previousmonthbilltxt{
    margin-bottom: 12px; display:block; font-size: 16px; color:#333;
}

/* Scroll Fix */
.page[data-page="wallet"] .page-content {
    height: calc(100vh - 58px) !important;
    overflow-y: auto !important;
    padding-bottom: 90px !important;
}


.statementDataDiv {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px;
}

.statementDataDiv .pricing-table .pricing-table-title {
    font-size: 17px;
    padding: 10px;
    background: gray;
    text-align: left;
}

.statementDataDiv .pricing-table .pricing-table-features {
    padding: 5px 16px;
}

.statementDataDiv li {
    padding-bottom: 5px;
    font-size: 14px;
}

.statementDataDiv .tablet-50 {
    margin-bottom: 16px;
}

.totalAmountBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    background: #e7f4ff;
    border-left: 4px solid #007bff;
    border-radius: 4px;
}

.totalAmountBox .labelText {
    color: #264797;
}

.totalAmountBox .valueText {
    color: #264797;
}