.box {
	height: 200px !important;
	width: 100% !important;
	/*width: auto !important;*/
	/*background-image: url("../img/grocery_banner.jpg");*/
	/*background-repeat: no-repeat;*/
}

.img-responsive {
	background-image: url('../img/res.png');
	/*background-image: url('http://ionicframework.com/img/homepage/phones-weather-demo@2x.png');*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.bannerimage1 {
	background-image: url("http://52.26.144.187/live/upkeepers/assets/test/img/banner/1.jpg");
	/*background-image: url("../img/sma.jpg");*/
	background-position: center;
	background-repeat: no-repeat;
}

.bannerimage2 {
	background: url('http://52.26.144.187/live/upkeepers/assets/test/img/banner/2.jpg') !important;
	background-repeat: no-repeat;
}

.bannerimage3 {
	background: url('http://52.26.144.187/live/upkeepers/assets/test/img/banner/3.jpg') !important;
	background-repeat: no-repeat;
}

.bannerimage4 {
	background: url('http://52.26.144.187/live/upkeepers/assets/test/img/banner/4.jpg') !important;
	background-repeat: no-repeat;
}

.cat-list {
	height: 50px;
	width: auto;
}
.page-bg {
	background-color: #F0F0F0 !important;
}
.list .item.item-accordion {
	line-height: 38px;
	padding-top: 0;
	padding-bottom: 0;
	transition: 0.09s all linear;
}
.list .item.item-accordion.ng-hide {
	line-height: 0px;
}
.list .item.item-accordion.ng-hide-add, .list .item.item-accordion.ng-hide-remove {
	display: block !important;
}
.one-bannner {
	background-image: url("../img/one_banner.jpg");
}
* {
	box-shadow: none !important;
}
.my-border-color-green {
	border-bottom-color: #66cc33 !important;
	border-top-color: #66cc33 !important;
}
.my-border-color-light-blue {
	border-bottom-color: #0a9ec7 !important;
	border-top-color: #0a9ec7 !important;
}
.my-background-color-green {
	padding: 15px;
	margin: auto;
	background-color: dimgray !important;
	max-width: 60%;
    /*opacity: 0.5;*/
    /*filter:alpha(opacity=50);*/
    /*background: rgb(254, 0, 0) !important;*/
    /*background: rgba(254, 0, 0, .5) !important;;*/
    /*background-color: #66cc33 !important;*/
	color: white !important;
}

.tabs-striped.tabs-balanced .tabs {
    background-color: #FE0000 !important;
}
.my-background-color-blue {
	background-color: #0a9ec7 !important;
	color: white !important;
}

.my-background-color-red {
	background-color: #ef4e3a !important;
	color: white !important;
}

.my-background-color-yellow {
	background-color: #ffc900 !important;
	color: white !important;
}

.font-color-white {
	color: white !important;
}
.green-font-color {
	color: #FE0000 !important;
}
.green-font-light-blue {
	color: #0a9ec7 !important;
}
.green-font-dark-yellow {
	color: #ffc900 !important;
}
.green-font-dark-blue {
	color: #4a87ee !important;
}
.green-font-dark-red {
	color: #ef4e3a !important;
}
.green-font-dark-green {
	color: #FE0000 !important;
}

.button.button-balanced.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #FE0000;
}

.white-font-header{
     color: #FFF !important;
}


.bar.bar-stable {
    border-color: #b2b2b2;
    background-color: dimgrey;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #FFF !important;
}

.bar.bar-stable .title {
    color: #FFF;
}

.button.button-balanced {
    border-color: transparent;
    background-color: dimgray;
    color: #fff;
}

.mybadge {
    
    background-color: #FFF !important;
    color: #FE0000 !important;
}

.button.button-balanced.button-outline {
    border-color: #FE0000;
    background: transparent;
    color: #FE0000;
}

    .button.button-balanced.active, .button.button-balanced.activated {
      border-color: #FE0000;
      background-color: #FE0000;
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }

.bar-stable .button.button-clear {
   
    color: #fff;
}

.green-font-dark-royal-blue {
	color: #8a6de9 !important;
}
/*
 .grade-b .menu-content, .grade-c .menu-content {
 border-right: 1px solid #ccc !important;
 border-left: 1px solid #ccc !important;
 }*/
.font-size-small {
	font-size: 12px !important;
}
.slider-slide h3 {
	color: #fff;
	margin-top: 10px;
}
.scroll {
	height: 100%;
}
.tabbed-slidebox .tsb-icons:after {
	display: none;
}

.tabbed-slidebox .tsb-icons .scroll a {
	color: #F3F3F3 !important;
}

.tabbed-slidebox .tsb-icons .scroll a.active {
	/*border-bottom: 3px solid #ffc900 !important;*/
	border-bottom: 3px solid white !important;
	/*color: #ffc900 !important;*/
	color: white !important;
}
.header-badge {
	top: -30px !important;
	left: -15px !important;
	font-size: 12px !important;
}

.item-divider {
	color: white !important;
	background-color: dimgray !important;
}

.item-divider h2 {
	color: white !important;
}

.tab-title {
	font-size: 14px !important;
}

.tabs-icon-top > .tabs .tab-item, .tabs-icon-top.tabs .tab-item, .tabs-icon-bottom > .tabs .tab-item, .tabs-icon-bottom.tabs .tab-item {
	/*line-height: 5px !important;*/
	line-height: 10px !important;
}

.hide-radio-icon {

}

.lightgray-color {
	color: lightgray !important;
}
.queryon {
	float: right;
	color: lightgray;
	font-size: 12px;
}

.serviceoffer {
	height: 210px;
	color: white;
}

.serviceoffertop {
	height: 130px;
}
.serviceofferbottom {
	height: 79px;
}

.rowwithoutpadding {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.colwithoutpadding {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	width: 100%;
}

.my-semi-trans-background-color-green {
	background-color: #66cc33 !important;
	color: white !important;
}
.my-semi-trans-background-color-blue {
	background-color: #0a9ec7 !important;
	color: white !important;
}

.my-semi-trans-background-color-red {
	background-color: #ef4e3a !important;
	/*background-color: rgba(239,78,58,0.4) !important;*/
	color: white !important;
}

.my-semi-trans-background-color-yellow {
	background-color: #ffc900 !important;
	/*background-color: rgba(255,201,0,0.4) !important;*/
	color: white !important;
}

#bg {
	width: auto;
	height: 190px;
}

.tabs-top > .tabs, .tabs.tabs-top {
	padding-top: 10px !important;
}
.tabs {
	height: 60px !important;
}

.myspinner > .spinner svg {
	width: 80px !important;
	height: 80px !important;
}

.loading-container .loading {
	background-color: white !important;
	color: #000 !important;
}

.error-container {
	margin: 5px 0;
}

.error-container:last-child {
	margin: 5px 0 0;
}

.error {
	padding: 10px 16px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #555;
	vertical-align: middle;
}

.error i {
	font-size: 24px;
	color: #B83E2C;
	vertical-align: middle;
}

.last-error-container > .error {
	padding: 10px 16px 0;
}

.has-errors {
	border-bottom: 3px solid #B83E2C;
}

.no-errors {
	border-bottom: 3px solid green;
}

.
.item {
	border-color: #ddd;
	background-color: #fff;
	color: #444;
	position: relative;
	z-index: 2;
	display: block;
	margin: -1px;
	padding: 16px;
	/* border-width: 1px; */
	/* border-style: solid; */
	font-size: 16px;
}

.shoppingcart h2 {
	color: black !important;
	background-color: white !important;
}
.newlogo {
	width: 200px;
	height: auto;
}

.tabs-striped.tabs-balanced .tab-item {
	color: rgba(255, 255, 255, 0.7);
}

/*Start Madan*/
 /*ion-scroll[direction=x] {
 width: 100vw !important;
 }
 ion-scroll[direction=y] {
 height: 100vh !important;
 }

 .rrr h3 {
 height: 80px !important;
 color: black !important;
 }*/


/*End Madan*/

.myproductlist .item-thumbnail-left, .item-thumbnail-left .item-content:hover {
	min-height: 200px !important;
	 max-width: 100%;
	 /*max-height: 800px;*/

}


.home-font{
    color: #323c3f;
    padding-left:10px;
    font-weight: bold;
    margin: 0px !important;
}


.home-item-font{
    color: #323c3f !important;
    font-size: 10px  !important;
}

.myCard{
    background: white !important;
    margin-bottom: 2px;
}

.big-banner{
    width:100%;
    height:350px;
    margin:auto;
    display:block;
}

.big-small{
    width:100%;
    height:250px;
    margin:auto;
    display:block;
}


.out-of-order{
     color: dimgray !important;
    word-wrap: break-word !important;
    
}

.item-image-bg{
    background-image: url('../img/res.png');
	/*background-image: url('http://ionicframework.com/img/homepage/phones-weather-demo@2x.png');*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
    
}

/*ion-scroll {*/
  /*width: 100%;*/
  /*font-size: 40px;*/
  /*height: auto;*/
  /*white-space: nowrap;*/
  /*padding: 10px;*/
  /*line-height: 40px;*/
/*}*/

.my_tab_item {
    border-width: 0px !important;
}

.bar-header {
    border-bottom-width: 0px !important;
}

/*.item-thumbnail-left, .item-thumbnail-left .item-content {
    padding-top: 8px !important;
    padding-left: 80px !important;
    min-height: 100px !important;
}

.item-thumbnail-left > img:first-child, .item-thumbnail-left .item-image, .item-thumbnail-left .item-content > img:first-child, .item-thumbnail-left .item-content .item-image {
    position: absolute !important;
    top: 10px !important;
    left: 3px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    width: 100% !important;
    height: 100% !important;
}*/


.msp-text {
    color: black !important;
    font-weight: bold;
}

.item-thumbnail-left, .item-thumbnail-left .item-content {
    /*padding-left: 45px !important;*/
}

.item-thumbnail-left > img:first-child, .item-thumbnail-left .item-image, .item-thumbnail-left .item-content > img:first-child, .item-thumbnail-left .item-content .item-image {
    /*max-width: 60px !important;*/
    /*max-height: 60px !important;*/
}

.productTumbnail{
    margin-top: 15px !important;
    max-width: 90px !important;
    max-height: 100px !important;
}

.productlistwrap {
   white-space: normal !important;
   color: black !important;
}

.wide-as-needed {
  overflow: scroll;
  white-space: nowrap;
}
.scroll { 
  min-width: 100%;
}

.modified-ion-scroll {
  width: 100%;
  font-size: 40px;
  height: auto;
  white-space: nowrap;
  padding: 10px;
  line-height: 40px;
}


.my-home-img-circle {
    border-radius: 50%;
    height: 40px !important;
	width: 40px  !important;
   
}

.my-home-cat-img-container {
   display:inline-block; 
   vertical-align:middle;
   width: 70px !important;
   height: 100px !important;
   background-color: #fff !important;
   color: #444247 !important;
   font-size: 12px;
   margin: 0 2px;
}


.my-home-cat-img-container p{
    font-family: "Helvetica Neue", "Roboto", Helvetica, sans-serif; 
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding: 0 0.5em;
    color: #fff;
    margin: 0;
    word-wrap: break-word;
    white-space: normal;
}


.home-hscroller-card-offer {
	width: 160px !important;
	height: 120px !important;
    background-color: #fff;
}

.home-hscroller-card-offer-img {
	height: 120px !important;
	width: 160px !important;
}