/* 
    User this style sheet for calculator specific styles.  OTher aspects of page layout go in page.css

    #FFCC66 - yellow
    #006633 - green
    #E9E9E9 - light grey
    #58585A - medium grey
    #A8A9AD - meal info background

    Trabon
    #3F3E40 - Dark Grey
	#58575A	- Dark Grey Hover State
    #81A53E - Green
	#0670CD - Bootstrap spinner blue
	#00ADEE - Cal summary and locator blue
	#303436 - dark grey (accordion font color)
	#CFA75B - Allergen filter gold
	#EA4D19 - Allergen icon orange

	Pizza Ranch
	#AA0B16 - Red

	Double Daves
	Orange - #F58220 - RGB 245,130,32
	Green - #83C349

    Pita Pit
    Black: #231F20 rgb(35, 31, 32)
    Green: #ADCC49 rgb(173, 204, 73)
*/




.calcHeaderTitle{ width:441px;height: 30px;font-size: 16px;font-weight: bold; text-align: center;color: #FFFFFF;background-color: #F58220;line-height: 28px;display:block;float:left; }
.calcHeaderTitleNoFilter { width: 639px; height: 30px; font-size: 16px; font-weight: bold; text-align: center; color: #FFFFFF; background-color: #83C349; line-height: 28px; display: block; float: left; }
.calcHeaderLocation{ width:634px;height: 36px;font-size: 16px;font-weight: bold; text-align: center;color: #FFFFFF;background-color: #F58220;line-height: 28px;display:block;float:left; margin-bottom: 2px; padding: 2px;}

/*Allergen Filter*/
.calcHeaderAllergenFilter{width:185px;height: 30px;font-size: 12px;font-weight: bold; text-align: left;color: #FFFFFF;background-color: #CFA75B;line-height: 28px; display:block;float:left;padding:0 0 0 10px;margin:0 0 0 2px;}
.acceptButton{margin:15px 0 0 25px;font-size:11px; width:100px;height:20px;color:#ffffff;background-color:#F58220;border:none;text-transform:uppercase;}

/*Selection Option Popup*/
.doneButton{margin:15px 0 0 0;font-size:11px; width:100px;height:20px;color:#ffffff;background-color:#F58220;border:none;text-transform:uppercase;}
.itemNameContainer { width: 260px;float:left;margin:3px 0 0 5px;}
.groupContainerSelected {border-bottom: solid #F58220 8px; padding: 0 0 0 0; margin: 10px 0 10px 7px; width: 90px;height:30px; font-size: 10px; background-color: #FFFFFF; border-radius: 8px; display: inline-block;float: left; line-height: 1.3; text-align: center; position:relative;}
.groupCustomizeContainerSelected {border-bottom: solid #F58220 8px; border-left: solid #F58220 1px; border-right: solid #F58220 1px; border-top: solid #F58220 1px; padding: 0 0 0 0; margin: 10px 0 10px 10px; width: 87px;height:30px; font-size: 10px; background-color: #FFFFFF; border-radius: 8px; display: inline-block;float: left; line-height: 1.3; text-align: center; position:relative;}
.groupCustomizeContainerSelected .customize-circle{font-size:16px;color:#F58220;position:absolute;top:-9px;left:-7px;}
.groupContainer a:hover {color:#F58220;}
.groupContainerSelected a:link, .groupContainerSelected a:visited, .groupContainerSelected a:active, .groupContainerSelected a:hover {color: #F58220;}
.groupItemSelected { width: 130px; color: #F58220; margin-left: 10px;font-weight: bold; font-size: 10px; display: inline-block;float: left;}/*surrounds the checkbox*/
.groupItem label, .groupItemSelected label { width: 95px; vertical-align: top; display: inline-block; }
#customizeOptions{font-size:10px;color:#F58220;line-height:10px;width:85px; border:solid 1px #F58220;border-radius:8px;padding:2px 7px 3px 14px;}

.addToMealButton { width: 124px; height: 20px; background-color: #83C349; color: #ffffff; margin: 0 -1px 0 0; padding: 5px 5px 5px 10px; float: right; }

/*Nutrition Label - horizonal*/
#nutrFactsTitle { font-weight: bold; font-size: 24px; line-height: 26px; color: #83C349; margin: 0 0 10px 0; }
.viewFullMeal a{color:#F58220;text-decoration:none;font-size:14px;text-transform:uppercase;}
.nutrTable .extraWideLine{border-bottom:10px solid #F58220;}
.nutrTable .wideLine{border-bottom:5px solid #F58220;}

#nutrSuppContainer .nutrSuppIcon{color:#e44a1e;font-size:30px;margin:5px 0 5px 10px;float:left;display:inline-block;}
#allergenSuppContainer .allergenSuppIcon{color:#81A53E;font-size:30px;margin:5px 0 5px 10px;float:left;display:inline-block;}

#shareIcons .emailLink a:link, #shareIcons .emailLink a:visited, #shareIcons .emailLink a:active{color:#81a53e;}
#shareIcons .emailLink a:hover{color:#303436;}
#shareIcons .printLink a:link, #shareIcons .printLink a:visited, #shareIcons .printLink a:active{color:#df4a40;}
#shareIcons .printLink a:hover{color:#303436;}

/*Meal List*/
#mealControlTitle{color:#F58220;font-size:28px;font-weight:bold;float:left; display:inline-block;}
#viewFullMeal a{color:#F58220;text-decoration:none;font-size:14px;text-transform:uppercase;}
/*#verticalText{width: 50px; height: 160px; background-color: #F58220; float: left; padding: 70px 0 0 15px;margin:0 0 0 0;}*/

.mealItemInfoTable th{ font-size: 14px; line-height: 30px; font-style: italic; color: #F58220; border-bottom: solid 1px #A8A9AD;}

/*Accordion override styles*/
.wrapper .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border-left: solid 1px #F58220; border-top: solid 1px #F58220; border-right: solid 1px #F58220; border-bottom: 1px solid #e9e9e9; background: #F58220; font-weight: normal; color: #FFFFFF; }

.wrapper .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border-left: solid 1px #F58220; border-top: solid 1px #F58220; border-right: solid 1px #F58220; border-bottom: 1px solid #e9e9e9; background: #F58220; font-weight: normal; color: #FFFFFF; }

.wrapper .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border-left: solid 1px #F58220; border-top: solid 1px #F58220; border-right: solid 1px #F58220; border: 1px solid #F58220; background: #F58220; font-weight: normal; color: #FFFFFF; }