/*
 * new macros results page
 */

#mainMacroCalcGraph {
	background-image: url("https://macrosinc.net/wp-content/uploads/2024/01/maingraph.webp");
	width: 500px;
	height: 379px;
}
#mainMacroCalcGraphWeightRange {
	display: flex;
	font-weight: bold;
}
.mainMacroCalcGraphWeightRangeNumbers, .mainMacroCalcGraphWeightRangeMiddle {
	flex-grow: 1;
}
#mainMacroCalcGraphDate {
	text-align: center;
	font-weight: bold;
	color: #4a148c;
}
#mainMacroCalcGraphDateWithoutStart {
	position: absolute;
	top: 100px;
}
.macroCaclResultsBMIScale {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
 
.macroCaclResultsBMIScale .category {
    flex: 1;
    text-align: center;
}

.macroCaclResultsBMIScale .label {
    font-weight: bold;
}

.macroCaclResultsBMIScale .range {
    font-size: 14px;
    color: #666;
}
.macroCaclResultsBMIScale .bar {
    height: 6px;
    background-color: transparent;
}

.macroCaclResultsBMIScale .vlow { background-color: #0000FF; }
.macroCaclResultsBMIScale .low { background-color: #ADD8E6; }
.macroCaclResultsBMIScale .normal { background-color: #008000; }
.macroCaclResultsBMIScale .increased { background-color: #FFA500; }
.macroCaclResultsBMIScale .high { background-color: #FF0000; }


.macroCaclResultsBMIScale .dot {
    position: relative;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #333;
}
.macroCaclResultsBMIScale .dotBMI {
    position: relative;
    top: -40px;
	font-size: 115%;
}

.macroCaclResultsBMIScale .vlow .dotBMI { color: #0000FF; }
.macroCaclResultsBMIScale .low .dotBMI { color: #ADD8E6; }
.macroCaclResultsBMIScale .normal .dotBMI { color: #008000; }
.macroCaclResultsBMIScale .increased .dotBMI { color: #FFA500; }
.macroCaclResultsBMIScale .high .dotBMI { color: #FF0000; }



/*
 * daily calorie recommendations
 */
.macroCalcDailyRecommendations .macroCalcDailyRecommendationsContainer {
display: flex;
}
.macroCalcDailyRecommendations .macroCalcDailyRecommendationsHolder {
	margin-top: 10px;
	margin-bottom: 10px;
    flex-grow: 1;
}
 .macroCalcDailyRecommendations .progress-container {
    background: #e0e0e0;
    border-radius: 10px;
    margin: 10px 0 10px 6px;
  }
  .macroCalcDailyRecommendations .progress-bar {
    height: 8px;
    border-radius: 10px;
    text-align: right;
    line-height: 8px;
    color: white;
    padding-right: 5px;
    padding-left: 5px;
  }
  .macroCalcDailyRecommendations .progress-bar.optimal {
    background: green;
    width: 70%; /* Adjust width to reflect actual percentage */
  }
  .macroCalcDailyRecommendations .progress-bar.maximum {
    background: red;
    width: 50%; /* Adjust width to reflect actual percentage */
  }
.macroCalcDailyRecommendationsCalories {
	position: relative;
	top: -20px;
}


.macroResultsMain hr {
	color: #000;
	opacity: .7;
}
.macroResultsBox {
	border-radius: 15px;
	-webkit-box-shadow: 5px 5px 15px -11px #000000; 
box-shadow: 5px 5px 15px -11px #000000;
}

















/*
 * new JS macro calculator
 */
#macroform label.error {
	color: red;
	font-size: 125%;
}
#macroform .form-group {
	margin: 20px;
}
#macroform .help-block {
	font-size: 80%;
}
#macroform .inline {
	display: flex;
}
#macroform .macrocalc_hidden {
	display: none;
}
#macroform .do_calculate {
	display: block;
	padding: 10px;
	background-color: #4a148c;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 60%;
	margin: auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#macroform .macro_results {
	border: 1px solid red;
	font-size: 125%;
	font-weight: bold;
	background-color: #efefef;
	display: none;
	padding: 50px;
}

#macroform .option {
	display: flex;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-radius: 8px;
	overflow: hidden;
}
#macroform .option input[type="radio"] {
  appearance: none;
  width: 0px;
  height: 0px;
  opacity: 0;
  margin: 0px;
  display: block;
  border: 0px none;
}
#macroform .option label {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.4);
  background-color: #efefef;
  transition: transform 0.4s ease 0s, color 0.4s ease 0s, background-color 0.4s ease 0s;
  user-select: none;
  padding: 12px;
  margin: 0px;
  box-sizing: border-box;
  text-align: center;
 /* height: 100%; */
  flex-grow: 1;
	border-right: 1px solid #333;
}

#macroform .option label:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#macroform .option label:last-child {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#macroform .option .checked {
  background-color: #4a148c;
  color: #fff;
}

#macroform .flexText {
	display: flex;
	width: 100%;
}
#macroform .flexText .form-group {
	flex-grow: 1;
}

/* Custom legend styling */
.mi-legend-style {
    text-align: center;
    text-transform: uppercase;
    font-size: 200%;
    width: 100%;
    display: block;
}

#macroform input[type="submit"].do_calculate {
	margin: auto;
	  display: block;
}


/*
change sms form input on calc4
 */
.calc4 .emailsms .flexText {
	display: block !important;
}



@media (max-width: 800px) {
	#macroform .form-group {
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-right: 0px;
	  margin-left: 0px;
  	}
  	#macroform .flexText {
		display: block;
	}
}