/* 
Title:      Toggle Switch
URL:        http://github.com/jamiebicknell/Toggle-Switch
Author:     Jamie Bicknell
Twitter:    @jamiebicknell
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,400");
.header-a {
  color: #171717;
  font-family: "din-condensed-web", sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.header-b {
  color: #171717;
  font-family: "din-condensed-web", sans-serif;
  font-weight: normal;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.header-c {
  color: #171717;
  font-family: "acta-display", Georgia, serif;
  font-weight: 100;
  line-height: 1.2;
  font-size: 30px;
  font-size: 1.875rem;
  text-transform: none;
}

.header-d {
  color: #171717;
  font-family: "acta-display", Georgia, serif;
  line-height: 1.2;
  font-weight: 100;
  font-size: 28px;
  font-size: 1.75rem;
  text-transform: none;
}

.header-e {
  color: #171717;
  font-family: "din-condensed-web", sans-serif;
  line-height: 1.2;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.header-f {
  color: #171717;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.header-g {
  color: #171717;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
}

.header-h {
  color: #666666;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.header-i {
  color: #666666;
  font-weight: normal;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  line-height: 1.2;
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  font-style: normal;
}

.header-j {
  color: #171717;
  font-family: "din-condensed-web", sans-serif;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
}

.header-k {
  color: #666666;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
}

.header-l {
  color: #171717;
  font-family: "acta-display", Georgia, serif;
  line-height: 1.2;
  font-weight: 100;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: none;
}
.switch {
    position:relative;
    width:37px;
    height:16px;
    overflow:hidden;
    cursor:pointer;
}
.switch .overlay {
    position:absolute;
    top:0;
    left:0;
    width:37px;
    height:16px;
    background:url('./overlay.png') no-repeat 0 0;
    z-index:9;
}
.switch span.switched {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:58px;
    height:16px;
    background:#d9d9d9 url('./switch.gif') no-repeat 0 0;
    z-index:8;
}
.switch span.off {
    left:-21px;
}
.switch input {
    display:none;
}
.jquerytoggleswitch{
	/* display : inline-table; */
	line-height: 0.5;
	width : 100%;
}
.toggle-button-label{
	margin-top: 5px;
    color: black;
    font: 14pt/100% "din-condensed-web",sans-serif;
    display: block;
}
.recipe-decorator-div{
	margin-left: 0px; 
	margin-right: 0px; 
	background-color: rgb(255, 255, 255);
}
.rd_changezib{
	line-height: 0.5;
}
.rd-error-msg{
	color:red;
	font:10pt verdana,arial;
}
.rd-krakenZipForm{
	display: inline-flex;
	margin-top:5px;
}
.rd-krakenZipper{
	padding-left:0px;
	float:left;	
}
.rd-krakenZipper input{
	width:60px;
	border: 1px solid #AAAAAA;
	line-height: normal; 
	padding: 4px 1px;
	display: inline; 
	visibility: visible;
}
.rd-krakenZipLink{
	float :left;
}
.rd-krakenZipLink a{
	font:10px verdana,arial,helvetica;
	font-weight:bold;
	color:#1E90FF;
}
.rd-location span{
	font:11px verdana,arial,helvetica;
	font-weight:bold;
	text-transform:capitalize;
}
.rd-storeHead{
	overflow:visible;
	height: 50px;
	width: 180px;
	display: table-cell;
	vertical-align: middle;
}
/* .rd-retailer-container {
	display: inline-flex;
    display: -webkit-box;
    width:100%;
} */
.rd-no-recipe-div{
	width: 220px;
	padding-left:6px;
	color:red;
	font: bold 10pt verdana,arial;
}
.rd_header-i {
	color: #666666;
	font-weight: 500;
	margin: 8px 0 10px 0;	
	font-family: Helvetica;	
	font-size: 14px;	
	line-height: 20px;
}
.rd-retailer-details {
 width : 40%;
}

.rd-image-display div{
	border:0px solid #C0C0C0;
	width:160px;
	height:50px;
}
.rd-image-display img{
	overflow:hidden;
}
.rd-retailer-scroll {
    width: 80%;
    position: relative;
    top: 15px;
}
a.prev {
    position: absolute;
    top: 3px;
    color: #c8c8c8;
    cursor:pointer;
    font-family: 'Zapf Dingbats';
}
a.next {
    position: absolute;
    right: 25px;
    top: 3px;
    color: #c8c8c8;
    cursor:pointer;
    font-family: 'Zapf Dingbats';
}
.rd-retailer-scroll img{
	float:left;
	right:0;
}
.promotionDiv{
	background-color: #fff; 
	padding:0px;
	border-radius:5px;
	display : block;
	margin:10px 0 0 0;
	text-transform: none;
}
.rd-local-shopping{
	float: right;
	color: #808080;
	font: 10pt/100% "freight-sans-pro", helvetica, sans-serif; 
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.promotion-div-content{
    display: inline-table;
    height: 60px;
    margin-top: 5px;
    font-family: "freight-sans-pro",helvetica,sans-serif;
}
.promotion-div-content-img{
	    display: inline-block;
    vertical-align: top;
    width: 60px;
    float: right;
}
.promotion_content {
    display: inline-block;
    width: 65%;
}

.promotion-div-content-ddd {
    display: table-cell;
    margin-left: 10px;
    vertical-align: top;
    width: 215px;
    color: rgba(0,0,0,0.92);	
    font-family: Helvetica;	
    font-size: 14px;	
    line-height: 20px;
}
.promotion-div-content-title {
    color: #999999;
    font-family: Helvetica;	
    font-size: 14px;	
    line-height: 20px;
}

.promotion-div-content-expirationdate {
	color: #808080; 
	font: 10pt/100% "freight-sans-pro", helvetica, sans-serif;
	padding-top:4px;
}

.promotion-div-content-actionUrl {
    font-size: 9pt;
    padding-top: 2px;
    color: #9dc82a;
    margin-left: 2px;
}
.recipe-decorator-container {
    display: inline-block;
    width: 253px;
    margin: 0 0 0 4.4%;
    float: right;
    text-transform: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.recipe-decorator-container {
		width: 216px;
	}
}

@media screen and (min-width: 1050px) and (max-width: 1280px) {
	.recipe-decorator-container {
		width: 183px;
	}
}

.rd_advertisement{
	color:#808080;
	font-size: 8pt;
	margin-left: 2px;
}
.rd-toggle-location{
	margin-top : 5px;
	margin-left : 5px;
	display :block;
	float :right;
}
.rd_mayWeSuggestDiv{
	width: 221px;
    float: right;
    margin: 25px 0 0 0;
}
.recipe-unit-title h4{
	font-family: Georgia;	
	font-size: 12px;	
	line-height: 20px;	
	text-align: center;
	text-transform: uppercase;
	margin:0 0 10px 0;
}
.main-instructions-unit::after, 
.ddd_content::after,
.components-group, 
.carosel_list:after{
	clear:both;
	content:"";
	display:table;
}
.rd-mobile-style{
	display : inline;
}
.rd-loading-div{
	border:0px solid #C0C0C0;
}
.rd-loading-div img{
	width:35px;
	height:35px;
	overflow:hidden;
	margin-top:7px;
	margin-left:68px
}
.rd-mws-image{
	float:left;
	width:70px;
	height:90px;

}
#storeSuggest{
    line-height: 1px;
    
}
.rd-mws-container {
	float: left;
    color: black;
    width: 68%;
    padding: 0 0 0 7%;
    font-family: Helvetica;	
    font-size: 14px;	
    font-weight: bold;	
    line-height: 20px;
}
.rd-mws-ddd {
	font-size: 14px;	
	font-weight: bold;	
	line-height: 20px;
	color:black;
	text-transform: uppercase;
}
.rd-mws-title{
	font-size: 14px;
    line-height: 20px;
    color: #999;
    font-family: helvetica;
    font-weight: normal;
    text-transform: none;
}
.rd-mws-retailer{
	color: #808080; 
	font-size: 9pt;
	padding-top:2px;
	padding-bottom:10px;
	line-height:1.5;
	font-family : "freight-sans-pro",helvetica,sans-serif;
}
.rd-mws-actionUrl{
	font-size: 9pt;
    color: #9dc82a;
    background-color: white;
    height: 30px;
    text-align: center;
    vertical-align: middle; 
    border-radius: 4px;
    line-height: 30px;
    font-weight: bold;
}
.rd-mws-actionUrl::-moz-focus-inner {
    padding: 0;
    border: 0
}
.rd-showMessage-container{
	background-color: #eeeeee;
	position:relative;
	width:242px;
	height:129px;
	border:solid 0px #000000;
}
.rd-showMessage-dialog{
	background-color: #ffffff;
	height:25px;
}
.rd-showMessage-dialog-containt{
	background-color: #ffffff;
	height:50px;
	font:11px/1.231 arial; 
	*font-size:small;
}
.rd-showMessage-dialog-action{
	background-color: #eeeeee;
	margin-top:15px;
	margin-left:140px;
}
.rd-showMessage-dialog-action img {
	position:relative;
	cursor:pointer;
}
.rd-inline-flex{
     display: table;
     vertical-align: top;
}
.rd-table-col-spacer{
	width : 10px;
}
/* start css code for new toggle button css */

.onoffswitch {
    position: relative; 
    width: 85px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left; 
    width: 50%; 
    height: 35px; 
    padding: 0; 
    line-height: 34px;
    font-size: 17px; 
    color: white; 
    font-family: "freight-sans-pro", helvetica, sans-serif; 
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #9dc82a; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; 
    width: 34px; 
    margin: 2px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 48px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*End of new toggle button css */
.rd_inner{
	padding:23px;
	border: 1px solid #e4e4e4;
}
.rd_inner h3{
    margin-bottom: 25px;
    font-size: 18px;
    color: rgba(0,0,0,0.65);
    font-family: Georgia;
    line-height: 28px;
}
.rd_col1{
    float : left;
}
.rd_col2{    
    float : left;
}

@media only screen and (min-width: 500px){

	.jquerytoggleswitch > .rd_inner {
		display: table;
	    table-layout: fixed;
	    width: 100%;
	 }
 	.jquerytoggleswitch > .rd_inner .rd_col1 {
		border-right: 1px solid #e4e4e4;
		width :50%;
		padding : 1.07143em 1.07143em 0.2em 1.07143em;
	}
	.jquerytoggleswitch > .rd_inner .rd_col2 {
		width :50%;
		padding : 1.07143em 1.07143em 0.2em 1.07143em;
	}
}

 @media only screen and (max-width: 500px){
	.jquerytoggleswitch > .rd_inner {
		display: table;
	    table-layout: fixed;
	    width: 100%;
	}
	.jquerytoggleswitch > .rd_inner .rd_col1 {
		border-bottom: 1px solid #e4e4e4;
		width :100%;
		padding: 0.1em;
	}
	.jquerytoggleswitch > .rd_inner .rd_col2 {
		width :100%;
		padding: 0.1em;
	}
	#image_display > img {
		width :80px;
		height : 27px;
	} 
}


/*start of new Circle shape*/
.rd_circle {
	width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-image: url(./gear-dark-gray.png),none;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: cover;
    position: relative;
    z-index: 9;
}
.rd_circle.active {
    background-image: url(./gear-light-blue.png),none;
}


.rd_circle_click {
	background-image: url(./gear-white.png),none;
    background-color : #9dc82a;
}

/*start of new map marker css */
.icon--map-pin--white {
    position: relative;
    top: 1px;
    width: 12px;
    height: 15px;
    margin-right: 5px;
    background-position: center;
}
.icon--map-pin--white {
    width: 12px;
    height: 15px;
/*   background-image: url(http://images.media-allrecipes.com/ar-images/icons/map-pin-white.png);
     background-image: url(http://images.media-allrecipes.com/ar-images/icons/map-pin-white.svg),none; */
    background-repeat: no-repeat;
}
.icon, .lo-container--slider input[type="checkbox"]+label.location-toggle-btn:after, .local-offers .carousel-nav .locate:after {
    display: inline-block;
    text-decoration: none;
}
*{
    -moz-box-sizing: border-box ;
    -webkit-box-sizing : border-box;
    box-sizing: border-box;
}
*{
    -webkit-tap-highlight-color: rgba(255,255,255,0)!important;
    -webkit-focus-ring-color: rgba(255,255,255,0)!important;
    outline: none!important;
}

/*End of new map marker css */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .switch .overlay {
        background:url('./overlay@2x.png') no-repeat 0 0;
        background-size:37px 16px;
    }
    .switch span.switched {
        background:url('./switch@2x.gif') no-repeat 0 0;
        background-size:58px 16px;
    }
}

.right__Side {
    vertical-align: top;
    border: 1px solid #e9e9e9;
    padding: 15px;
}
.right__Side h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
}
address {
    font-size: 15px;
    line-height: 24px;
}
.detail_setting{
    vertical-align: top;
    border: 1px solid #e9e9e9;
    padding: 23px;
    width: 100%;
    display:none;
    margin: -1px 0 0 0;
}
.detail_setting input, .detail_setting select{
	width:100%;
}
.menu_section:after, .rd_row_2:after{
    clear: both;
    content: "";
    display: table;
}
.components-list{
	vertical-align: top;
}
.detail_setting h4 {
    font-size: 16px;
    margin: 0 0 30px 0;
    font-family: Helvetica;
    color: rgba(0,0,0,0.65);
    line-height: 24px;
}
.zip_details {
    position: relative;
}
.zip_details label, .sort_details label {
    font-size: 12px;
    font-weight: normal;
    display: block;
    line-height: 16px;
    color: rgba(0,0,0,0.65);
    font-family: "Museo Sans";
}
.zip_details .input_zip, .sort_details select {
    border: none;
    border-bottom: 2px solid #e9e9e9;
    font-size:16px;
    padding: 6px 0 6px 0;
}
.zip_details .auto_btn {
    float: right;
    display:none;
    position: absolute;
    right: 0;
    bottom: 6px;
    background: none;
    border: none;
    color: #1cb4d4;
    font-size: 14px;
    font-weight: bold;
}
.sort_details {
    margin: 20px 0 10px 0;
    display: none;
}
.zipgreen label{
		color: #8AAE26;
}
.zip_details input::-webkit-outer-spin-button,
.zip_details input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance:textfield;
}
.zip_details input[type=number] {-moz-appearance: textfield;}

.no_promotion_des b{
	color: rgba(0,0,0,0.65);	
	font-family: Helvetica;	
	font-size: 14px;	
	line-height: 20px;
	font-weight:normal
}
.dot {
  height: 8px;
  width: 8px;
  margin: 0 6px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.carosel_list {
    position: relative;
    width: 70px;
    text-align: center;
    height: 14px;
    overflow: hidden;
    margin: 0 0 0 -46px;
    left: 50%;
}
.carosel_list li {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    line-height:10px;
}

.active, .dot:hover {
  background-color: #717171;
}
.active_slide {
	background-color:#000;
}
.ddd_content {
    margin-bottom: 15px;
}
/*This is for checkbox css only*/
input:focus {
  box-shadow: none;
  outline: 0;
}
input.checkbox {
  position: relative;
  width: 1rem;
  height: 1rem;
  float:right;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  /**
   * Iterate over map and autogenerate helper classes.
  * See "https://codepen.io/fxm90/pen/zGjjrJ" for an example
  */
}
input[type="checkbox"].checkbox {
    -webkit-appearance: inherit;
}
.checkbox:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.checkbox:checked:before {
  height: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-top-style: none;
  border-right-style: none;
}
.checkbox--light-green:checked:before {
  border-color: #8bc34a;
}

/*This is for mobile view*/
@media only screen and (max-width: 767px){
	.recipe-decorator-container {
	    display: block;
	    width: 100%;
	    margin: 0 0 40px 0;
	    float:none;
	}
	.rd-image-display {
	    display: inline-block;
	    vertical-align: top;
	}
	.rd_header-i {
	    display: inline-block;
    	margin: 0 0 0 20px;
    	line-height: 14px;
    	font-size: 12px;
	}
	.promotion-div-content-img {
	    float: left;
	    margin: 0 20px 0 0;
	}
	.promotion-div-content-ddd{
		font-size:12px;
		line-height: 16px;
	}
	.promotion-div-content-title{
		font-size:12px;
	}
	.rd_mayWeSuggestDiv {
	    width: 100%;
	    float: none;
	    display: block;
	    border-top: 1px solid rgba(0,0,0,0.09);
	    padding: 20px 0 0 0;
	    margin: 35px 0 0 0;
	}
	.promotion_content {
	    width: 70%;
	}
	.rd-retailer-scroll {
	    margin: 10px 0 0 0;
	}
	a.prev {
	    top: -3px;
	}
	a.next {
	    top: -3px;
	}
}
.rd-hide {
	display :none;
}	
div#image_display {
    min-height: 48px;
}