/**
 * Core CSS for responsive base template
 *
 * @Author: Brent
 */

/* General */
@import url('general.css');
@import url('home.css');
@import url('review.css');
@import url('contact.css');



/* Menu, Basket, Registration */
/*@import url('menu.css');*/
@import url('basket.css');
@import url('registration.css');



/*  Helper styles  */
	.no-rounding {
	  -webkit-border-radius: 0 !important;
	     -moz-border-radius: 0 !important;
	          border-radius: 0 !important;
	}
	.border-top-only {
		border: none !important;
		border-top:1px solid #CCC !important;
	}

	.text-strike {
		text-decoration: line-through !important;
		color:red !important;
	}

	.text-other {
		font-style: italic;
		color:#4848D3;
	}

	.glyphicon.spinning {
	    animation: spin 1s infinite linear;
	    -webkit-animation: spin2 1s infinite linear;
	}

	@keyframes spin {
	    from { transform: scale(1) rotate(0deg);}
	    to { transform: scale(1) rotate(360deg);}
	}

	@-webkit-keyframes spin2 {
	    from { -webkit-transform: rotate(0deg);}
	    to { -webkit-transform: rotate(360deg);}
	}


	.fixed {
		position:fixed !important;
	}

/*  END Helper styles  */



/* Custom styling for cookie notification */
#cookie-bar {
	position: fixed;
	width: 100%;
	display: block;
	padding: 10px;
	height:auto;
	bottom:0px;
	z-index:999999;
}


.modal {
	z-index:999999 !important;
}


/*.side-category-menu li a {
	width:200px;
}*/
.side-nav li a {
	width:200px;

	display: block;
	height:35px;
}

#myaccountUL li a {
	color:#333 !important;
}

/* Large Desktop and Laptop Screens (devices and browsers) */
@media only screen and (min-width: 1824px) {
}

/* Tablet Devices, Desktop and Laptop Screens */
@media only screen and (max-width: 768px) {
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo-container{
 	width: 50%;
 	float: left;
 	padding-top: 2px;
 	padding-left: 5px;
 }
  .navbar-toggle{
 	margin-right: 5px !important;
 }
  .navbar-brand{
	padding: 0px !important;
 	padding-left: 10px !important;
 	padding-top: 5px !important;
 }
 #myaccountUL li a {
 	color:#9d9d9d !important;
 }
}
/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.logo-container{
 	width: 50%;
 	float: left;
 	padding-top: 2px;
 	padding-left: 5px;
 }
  .navbar-toggle{
 	margin-right: 5px !important;
 }
 .navbar-brand{
	padding: 0px !important;
 	padding-left: 10px !important;
 	padding-top: 5px !important;
 }
 #myaccountUL li a {
 	color:#9d9d9d !important;
 }
}
/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.logo-container{
 	width: 50%;
 	float: left;
 	padding-top: 2px;
 	padding-left: 5px;
 }
 .navbar-toggle{
 	margin-right: 5px !important;
 }
  .navbar-brand{
  	padding: 0px !important;
 	padding-left: 10px !important;
 	padding-top: 5px !important;
 }
}
/**
BASIC TEST STYLING
**
body {
	padding-top: 70px;
}

.navbar-nav>li>a  {
	padding-top:25px;
	padding-bottom:25px;
}

.jumbotron {
  background-image: url(http://fcc8c54e9ed2f2f83c7e-f139c7401b3658260f434c192b129add.r97.cf3.rackcdn.com/ms.touch2success.com/manage/manage_uploads/upload/phpzmkVjz.jpg);
  color: #FFF;
}
*/

.iframe-loader{
	background-image: url("../images/spinner_large.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #ffffff;
	height: 500px;
	width: 1px;
	min-width: 100%;
	width: 100%;
	min-height:530px;
}
.formFixedBg{
	background-color:white;
	padding:10px;
	color:black;
}
.formRounded{
	border: 1px #ddd solid;
	border-radius: 5px!important;
}
.reviewMargin{
	margin-top:10px;
}
.bottomMargin{
 	margin-bottom:15px;
}
.appStorelogo{
	height: 40px;
	border-radius:5px!important;
}

.gallery
{
    display: inline-block;
    margin-top: 20px;
}
/*.gallery .thumbnail{max-height: 250px;}*/
.textColor{
	color:black;
}

#addonModalLabel,#addonModalLabel1,.modal-body1{
	color:#333!important;
}
label{
	color:#333!important;
}
label.error {
    color:#E60000!important;
}

@media only screen and (max-width: 1000px) {
	footer{
		width: 100%;
	}
	footer ul li{
		float:left!important;
	}
	.resp-footer-fourth-col{
		width: 100%!important;
	}
	.resp-footer-first-col, .resp-footer-second-col,.resp-footer-fourth-col{
		text-align: center!important;
	}
	ul.resp-nav-first, ul.resp-nav-sec,.footer-logo{
		display: inline-block!important;
	}

	.informationIcon{
		padding: 0px!important;
	}
	.applinks a{
		/*float: left!important;*/
		margin-right: 5px;
		display: inline-block;
	}

	.paymentDiv img{
		width: 235px;
		/*float: left;*/
	}
	#footerLogo img{
		/*float: left !important;*/
		height: auto!important;
	}
	.footer .nav li a{
 		padding:4px 7px!important;
 	}
	.margTop10px{
		margin-top: 10px;
	}
	.textCenter{
		text-align: center!important;
	}
}
@media only screen and (min-width: 1001px) {
	.providerTerms{
		text-align: right!important;
	}
	.footer-logo{
		padding-right: 0px!important;
	}
	#androidImg{
		padding-bottom:1px!important;
	}
	.floatRight{
		float: right;
	}
}
@media screen and (min-device-width: 320px) and (max-device-width: 800px) {
 	.footer .nav li a{
		padding:1px 4px!important;
	}
}


.appmargin {
	padding-top: 5px;
}

 /* hygiene ratings */

 #hygienerating .margin {
	margin-top: 10px;
	/* margin-left: -13px; */
    /* margin-right: -13px; */
}
 #hygienerating {
	background: #FFFFFF;
    padding-top: 0px;
	padding-bottom: 10px;
    padding-right: 10px;
	padding-left: 10px;
	width: 30%;
	margin-left: 23px;
}

 #hygienerating .hygine-rating{ background: #DBDD6D; }
 #hygienerating .hygine-rating h3{font-size:12px;color: #333333;text-align: left;padding-left: 10px; text-transform: uppercase}
 #hygienerating .hygine-rating p{font-size:10px;color: #555555;margin-top: 18px;
   text-align: right;
   padding-right: 9px; }
 #hygienerating .date-css {
	font-size:12px;
  } 
 #hygienerating .hygine-rating span{font-size:11px;color: #333333;font-weight:bold;}
 #hygienerating  .rating{margin: 0;padding-bottom: 4px;}
 #hygienerating .rating::before{background: #333;}
 #hygienerating  .rating p{background: #fff;padding: 9px;font-size: 10px;border-radius: 50%;text-align: center;border:1px solid #333;color: #333;    width: 30px;
   height: 30px;    margin-top: 30px;}
 #hygienerating  .rating p.active{    
   background: #333;
   padding: 9px;
   border-radius: 50%;
   text-align: center;
   border: 1px solid #333;
   color: #fff;
   font-size: 10px;
   margin-top: 30px;
   width: 30px;
   height: 30px;}
   #hygienerating  label{display: none;}
 #hygienerating  label.active{ display: block;
   background: #DBDD6D;
   font-size: 10px;
   border-radius: 0px 0px 5px 5px;
   font-weight: 500;
   width: 75px;
   text-transform: uppercase;
   padding: 2px 3px;
   text-align: center;}
   #hygienerating  label.last.active{margin:0px -5px;font-size: 9px;}
   #hygienerating  label.first.active{margin:0px 5px}
 
 #hygienerating .hygine-rating-label{margin-bottom: -4px;}
 #hygienerating .hygine-rating-label .col-xs-2{padding: 0;}
 #hygienerating .hygine-rating-number {position: relative;}
 #hygienerating .hygine-rating-number div{border-top: 1px solid;}
 #hygienerating .hygine-rating-number div.active:after {
 
   content: '';
   position: absolute;
   left: calc(50% - 10px);
   background: #333;
   width: 20px;
   height: 20px;
   clip-path: polygon(0 0, 100% 0, 50% 100%);
   -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
   display: block;
   top: 0;}
   .padding-0{padding: 0;}
   #hygienerating .hygine-rating-null{ padding: 0 0 0 10px;}
   #hygienerating .hygine-rating-null p{font-size:11px;font-weight: bold;text-align: left;}
 
   /* media queries */
 
   @media (max-width: 767px) and (min-width: 320px) {
	 #hygienerating  .rating p{width:35px;height:35px;padding:7px;}
	 #hygienerating  .rating p.active{width:40px;height:40px;padding:9px;}
	 #hygienerating  label.active{font-size:10px;    font-weight: bolder;}
	 #hygienerating { margin:19px;width:90%; }
	 #hygienerating .hygine-rating-number div{padding: 0 8px;}
   }
   @media (max-width: 991px) and (min-width: 768px) {
 
	 #hygienerating .hygine-rating-number div.active:after {
	   left: calc(28% - 10px);
   }
	 #hygienerating { clear:both;margin:19px;width:50%;float:none;margin: 0 auto; }
 }
 
 @media (max-width: 1024px) and (min-width: 992px) {
 
   #hygienerating  .rating p{width: 30px;
	 height: 30px;
	 padding: 4px;}
	 #hygienerating  .rating p.active{width: 35px;
	   height: 35px;
	   padding: 6px;}
	 #hygienerating  label.active{font-size:8px;    font-weight: bolder;padding: 4px 2px;}
 
 } 
 
 
 #hygienerating .hygiene-rating-img {
	width: 77%;
    height: 110px;
    margin-bottom: 8px;
 }

 #hygienerating .hygiene-rating-img-uk {
	padding: 0;
 }