/*===================================
 *              Global
 * 
 * 
 * ================================*/

.bpTest{
	min-width: 150px;
	min-height: 150px;
	background: red;
}
html, body{
	scroll-behavior: smooth;
	max-width: 100%;
	overflow-x: hidden;
}
header{
	position: relative;
	z-index: 9999;
}
header .elementor-menu-toggle__icon--close.eicon-close{
	color: black;
}
/****** flex styles ******/
.bbwdFlex{
	display: flex;
}
.bbwdCol{
	flex-flow: column;
}
.bbwdRow{
	flex-flow: row wrap;
}
.bbwdRowNW{
	flex-flow: row nowrap;
}
.bbwdCenterFull{
	justify-content: center;
	align-items: center;
}
.bbwdStartFull{
	justify-content: start;
	align-items: start;
}
.bbwdJcntAstart{
	justify-content: center;
	align-items: start;
}
.bbwdAcntJstart{
	justify-content: start;
	align-items: center;
}
.bbwdCenterBttm{
	justify-content: center;
	align-items: end;
}
.bbwdCenterTp{
	justify-content: center;
	align-items: start;
}
.bbwdCenterStch{
	justify-content: center;
	align-items: stretch;
}
.bbwdSpcBtnStch{
	justify-content: space-between;
	align-items: stretch;
}
.bbwdSpcBtnCntr{
	justify-content: space-between;
	align-items: center;
}
.bbwdSpcArdStch{
	justify-content: space-around;
	align-items: stretch;
}
.bbwdJEnd{
	justify-content: end;
}
.bbwdAlSelfStrch{
	align-self: stretch;
}
.bbwdAlSelfStrt{
	align-self: start;
}
.bbwdFlexGrid3{
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 10px;
}
.bbwdFlexGrid8{
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto;
	gap: 10px;
}
.bbwdFlexGrid3{
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 10px;
}
.bbwdGridRow1_3{
	grid-row: 1 / 3;
}
.bbwdGridCol1_3{
	grid-column: 1 / 3;
}
.bbwdGridCol3_5{
	grid-column: 3 / 5;
}
.bbwdGridCol5_8{
	grid-column: 5 / 8;
}
.bbwdGridCol1_4{
	grid-column: 1 / 4;
}
.bbwdGridCol3_5{
	grid-column: 3 / 5;
}
.bbwdGridCol4_6{
	grid-column: 4 / 6;
}
.bbwdGridCol5_8{
	grid-column: 5 / 8;
}
.bbwdGridCol6_9{
	grid-column: 6 / 9;
}
.bbwdFlexGridRow2{
	grid-row: 1 / 2;
}
.bbwdFlexGridCol2{
	grid-column: 1 / 2;
}
.bbwdFlexGridCol3{
	grid-column: 1 / 3;
}
.bbwdGrow3{
	flex-grow: 3;
}
.bbwdGap5{
	gap: 5px;
}
.bbwdGap10{
	gap: 10px;
}
.bbwdGap20{
	gap: 20px;
}
.bbwdGap50{
	gap: 50px;
}
.bbwdGap100{
	gap: 100px;
}

.bbwdPad5px{
	padding:  5px;
}

.bbwdPad20px{
	padding:  20px;
}
.bbwdPad40px{
	padding:  40px;
}

.bbwdSelfEnd{
	align-self: end;
}

.bbwdFlexGrow1{
	flex-grow: 1;
}

.bbwdFlexShrink1{
	flex-shrink: 1;
}
.bbwdW100Per{
	width: 100%;
}
.bbwdW80Per{
	width: 80%;
}
.bbwdW50Per{
	width: 50%;
}

.bbwdW20px{
	width: 20px;
}
.bbwdW60px{
	width: 60px;
	min-width: 60px; 
	max-width: 60px;
}
.bbwdW70px{
	width: 70px; 
}
.bbwdW90px{
	width: 90px; 
}
.bbwdW100px{
	width: 100px; 
}
.bbwdW110px{
	width: 110px; 
}
/**** end flex styles ****/
 
/****** Custom Classes ******/
.bbwd180{
	transform: rotate(180deg);
}
.bbwdTxtCntr{
	text-align: center;
}
.bbwdAutoMarg{
	margin: auto;
}
.bbwdMTop120{
	margin-top: 120px;
}
.bbwdMTop60{
	margin-top: 60px;
}
.bbwdMBot60{
	margin-bottom: 60px;
}
/** end custom classes  **/

.loadingIcon{
	width: 30px;
	margin: auto;
}
.whiteButton{
	background: #FFFFFF !important;
	border: 1px solid #D0D7D3 !important;
	box-shadow: 0px 1px 2px 0px #0000000D !important;
	padding: 12px 20px 12px 20px;
	border-radius: 16px;

}

/****** Site Wide ******/

/*===================================
 *            Modal
 * ================================*/
#bbwdModal{
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 100vh;
}
#bbwdModInner{
	width: 50%;
    max-width: 50%;
	max-height: 60vh;
	overflow-y: scroll;
    padding: 50px 60px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -3px;
	gap: 20px;
}
#bbwdCloseModal{
    position: absolute;
    top: 50px;
    right: 15%;
}


 /**end modal**/

/*===================================
 *        Site Specific
 * ================================*/
.elementor-post-info .elementor-icon-list-icon .elementor-avatar{
	border-radius: 11px !important;
}
.elementor-post-info__item time{
		color: #4E5753;
}
.bbwdDateWhite .elementor-post-info__item time{
		color: white;
}
.bbwdAlignEnd .elementor-container.elementor-column-gap-default{
	align-items: end !important;
}
.bbwdBlackLink a{
	color: black !important;
	font-family: IBM Plex Sans;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	text-align: left !important;
}

.bbwdBackgroundDark{
	background-color: rgba(0, 0, 0, .5);
}

.bbwdHovePointer:hover{
	cursor: pointer;
}

/*=================== Home ===================*/
/****** Stock List *******/
#homeStockList{
	overflow: hidden;
	max-width: 100%;
	min-height: 90px;
}
#homeStockInner{
	min-height: 90px;
}
#homeStockInner div[type='button']{
	position: relative;
	width: 25%;
}
#homeStockInner div p{
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#homeStockInner div p.price{
	width: 100%;
}
/*end stock list*/
/****** FAQ Styles *******/
.dice{
	width: 36px;
	height: 36px;
	box-shadow: 0px 0px 0px 2px #FFFFFF14 inset, 0px 0px 0px 3px #FFFFFF4D inset, 0px 2px 4px 0px #0000001A, 0px 7px 7px 0px #00000014, 0px 27px 11px 0px #00000003, 0px 15px 9px 0px #0000000D;
	border-radius: 100px;
}
.dice div{
	width: 36px;
	height: 36px;
	gap: 8px;
	border: 1px solid;
	border-radius: 12px;
	/*border-image-source: linear-gradient(94.3deg, #3C4440 0%, #121714 100%);*/
	background: linear-gradient(94.3deg, #3C4440 0%, #121714 100%);
	box-shadow: 0px 0px 2px 2px #FFFFFF14 inset, 0px 0px 3px 3px #FFFFFF4D inset;
	transition-duration: .3s;
	overflow: hidden;
	outline: 1px solid #D0D7D3;
}
#FAQ .question:hover{
	cursor: pointer;
}
#FAQ .question p{
	color: #242927;
	font-family: "IBM Plex Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 0;
}

.QandA .question{
	padding: 24px;
}
.answer{
	overflow: hidden;
	opacity: 0;
	padding: 0;
	border: none;
	transition-duration: .5s;
	padding: 0 24px;
	height: 0px;
}
.QandA.active .question{
	border: 1px solid var(--Grey-Green-200, #E4E7E5);
	background: white;
}
.QandA.active .answer{
	padding: 24px;
	opacity: 1;
	height: auto;
	border-radius:  0 0 16px 16px;
	border: 1px solid var(--Grey-Green-200, #E4E7E5);
	border-top: none;
}

.QandA.active .dice div{
	transform: rotate(-135deg);
}
.QandA.active .question{
	border-radius: 16px 16px 0 0;
	border-bottom: 1px dashed var(--Grey-Green-200, #E4E7E5);
}
/*end FAQ styles*/


/*** end home***/

/*==================
  Calculator Styles
  ==================*/
.page-id-76 main{
	position: relative;
	z-index: 99;
}
/*** search shortcode ***/
.calsearchwrap{
	color: white;
	margin-bottom: 48px;
}
.calsearchwrap input:focus-visible{
	outline: transparent !important;
}

.putcallwrap{
	gap: 20px;
	margin: 0 10px;
	background: #FFFFFF33;
	padding: 4px;
	border: 1px solid;
	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
	border-radius: 14px;
	box-shadow: 0px 16px 35px 0px #00000033;

}
.putcallwrap label{
	width: Hug (76px)px;
	height: Hug (40px)px;
	padding: 8px 18px 8px 18px;
	gap: 8px;
	border-radius: 10px;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: white;
}
.putcallwrap label:hover{
	cursor: pointer;
}
.putcallwrap label:has(input:checked){
	background: #FFFFFFCC;
	color: #079455;
}
.calseachsection{
	position: relative;
	z-index: 3;
	border-radius: 28px;
	padding: 5px;
	backdrop-filter: blur(20px);
	/*overflow: hidden;*/
    min-height: 62px;
    align-items: start;
}
.calsearchinner{
	background-color: #dfe2e0;
	border-radius: 28px;
	padding: 5px;
	border: 1px solid #FFFFFFE5;
	width: 100%;
	position: relative;
	z-index: 9;
}

.calseachsection .calsearchinner button{
	border-radius: 19px !important;
}
.calseachsection .calsearchinner #searchOptions{
	background-color: transparent;
	border: none;
	width: auto !important;
	flex-grow: 1;
}
#searchOptions{
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	background-color: white;
	background-image: url('/wp-content/uploads/2024/11/Icon.png');
	background-position: 10px 10px; 
	background-repeat: no-repeat;
	padding-left: 40px;
	z-index: 3;
}
#calsearchres{
    position: relative;
    z-index: 2;
    background: #F7FCF9;
	overflow-y: scroll;
	max-height: 225px;
    margin-top: -25px;
	margin-bottom: -100%;align-content
	backdrop-filter: blur(20px);
    width: 100%;
	border-radius: 0 0 24px 24px;
	box-shadow: 0px 2px 4px 0px #0000001A;
}
#calsearchres::-webkit-scrollbar, #dateStrikeInner::-webkit-scrollbar, #stockCalculatorResults::-webkit-scrollbar {
	width: 5px;
	background: transparent;
}
#stockCalculatorResults::-webkit-scrollbar {
	height: 5px;
}
#calsearchres::-webkit-scrollbar-track, #dateStrikeInner::-webkit-scrollbar-track, #stockCalculatorResults::-webkit-scrollbar-track {
	border-radius: 24px;
	margin: 20px 0;
	background: transparent;
}
#calsearchres::-webkit-scrollbar-thumb, #dateStrikeInner::-webkit-scrollbar-thumb, #dateStrikeInner #calInner::-webkit-scrollbar-thumb, #stockCalculatorResults::-webkit-scrollbar-thumb {
	background: #079455;
	border-radius: 100px;
}

.stockSearchReturn canvas{
	min-width: 110px !important;
	max-height: 50px !important;
}
.stockSearchReturn{
	width: 100%;
	border: 1px solid #E4E7E5;
}
.stockContent, .stockSearchReturn{
	background: white;
	color: black;
	border-radius: 16px;
	transition-duration: .2s;
}
.stockSearchReturn:hover, .stockSearchReturn:focus{
	transform: scale(1.01);
	background: #FFFFFFCC;
	color: black;
	/*background: #079455;
	color: white;
	font-weight: bold;*/
}
.stockSearchReturn p{
	margin: 0;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;

}
.stockSearchReturn hr{    
	border-top: 1px solid #079455;
    border-bottom: 1px solid #079455;
    border-left: 1px solid #079455;
    border-right: 1px solid #079455;
    border-radius: 5px;
	margin: 5px 0;
}
/*.stockSearchReturn:hover hr, .stockSearchReturn:focus hr{    
	border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid  white;
    border-right: 1px solid white;
    border-radius: 5px;
	margin: 5px 0;
}*/
.stockSearchReturn .price{
	font-family: IBM Plex Sans;
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
	text-align: left;
}
.stockSearchReturn .today{
	font-family: IBM Plex Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	color: #6B7972;
}
.stockSearchReturn .symbol{
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	text-transform: uppercase;
	color: #4E5753;
}
.stockSearchReturn img, .stockContent img{
	margin: auto;
}
/*end search shortcode*/

/*** form shortcode ***/


#stockForm .putcallwrap{
	background: transparent;
	box-shadow: none;
}
#stockForm label{
	gap: 8px;
	border-radius: 0px;
	color: #6B7972;
	border-bottom: 2px solid transparent;
}
#stockForm .putcallwrap label:has(input:checked){
	background: transparent;
	color: #079455;
	border-bottom: 2px solid #079455;
}
#stockForm .stockSearchReturn{
	width: 100%;
}
#stockForm .stockContent{
	width: 100%;
	border: none;
	border-radius: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	padding: 20px 10px 24px 10px;
	border-bottom: 2px dashed #E4E7E5;
}
#stockForm .stockContent .price{
	font-family: IBM Plex Sans;
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}
#stockForm .stockContent canvas{
	max-height: 48px;
	width: 96px;
	margin-bottom: -10px;
}
#stockForm .mainFieldInner{
	padding: 24px 0 64px;
	width: 50%;
}
#stockForm .mainFieldInner label{
	padding: 20px 0;
	color: black;
	font-family: IBM Plex Sans;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	border-bottom: 1px solid #F4F5F5;
}
#stockForm .mainFieldInner label p{
	min-width: 50%;
	margin: 0;
	padding: 0;
}
#stockForm .bbwdCalInpPar{
	width: 100%;
}
#stockForm #calcMainFields{
	position: relative;
	z-index: 0;
}
#stockForm #calcMainFields input{
	text-align: right;
	padding: 10px 14px;
}
#stockForm #calcMainFields input[type="date"]::-webkit-calendar-picker-indicator{
	display: none;
}
#stockForm #calcMainFields .bbwdInIcon{
	display: flex;
	flex-flow: column;
	width: 44px;
	justify-content: center;
	background: #F9FAF9;
	padding: 0 10px;
	border-radius: 11px 0 0 11px;
	margin-right: -10px;
	z-index: 1;
	border: 1px solid #D0D7D3;
}
#stockForm #calcMainFields .bbwdInIcon:hover{
	cursor: pointer;
}
#stockForm .bbwdCalSubButton{
	margin-top: 32px;
}
#stockForm #stockCallTag{
	position: absolute;
    right: 25%;
	min-width: 50px;
	margin-right: -69px;
	margin-left: 10px;
	border-radius: 6px;
	border: 1px solid #D0D7D3;
	padding: 3px 10px;
	background: #FFFFFF;
	text-transform: uppercase;
	color: #079455;
	font-family: IBM Plex Sans;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}
#stockCalculatorResults{
	width: min-content;
    margin: auto;
	max-width: 100%;
	overflow-x: scroll;
	border-radius: 5px;
}
#stockCalculatorResults h3{
	min-width: 250px;
	text-align: center;
}
#stockCalculatorResults img{
	min-width: 165px;
	margin: auto;
}
#ui-datepicker-div{
	background: white;
	padding: 25px;
	border-radius: 11px;
}
#ui-datepicker-div thead{
	display: none;
}
#stockCalculatorResults p{
	margin-bottom: 0 !important;
}
/*Calendar*/
.calDayButton{
	border-radius: 100px !important;
	border: none !important;
	background: #242927 !important;
	color: white !important;
	font-size: 14px !important;
	width: 40px !important;
	height: 40px !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.calDayButton2{
	border: 1px solid white !important;
}
#dateStikeModal {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
	z-index: 99999;
}
#dataStrikeExit{
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 0;
	left: 0;
	
}
#dateStrikeInner{
	border-radius: 16px;
	background: black;
	border: 1px solid #242927;
	color: white;
	width: 848px;
	overflow: hidden;
	max-height: 80vh;
	overflow-y: scroll;
	z-index: 1;
}
#dateStrikeInner .topBottom, #returnChart .topBottom{
	width: 100%;
	height: 24px;
	background: repeating-linear-gradient( -135deg,   transparent,   #242927 2px,   transparent 2px,   transparent 6px )
}
#dateStrikeInner .title{
	color: #9DA9A3;
	width: 100%;
	padding: 10px;
	text-align: center;
}
#dateStrikeInner .title.border{
	border-bottom: 1px solid #242927;
	border-top: 1px solid #242927;
}
#dateStrikeInner #calInner{
	margin: 24px 0;
}
#dateStrikeInner #calInner .month{
	border-radius: 16px;
	text-align: center;
	padding: 5px;
	width: 55px;
	text-transform: uppercase;
}
#dateStrikeInner .green.month{
	background: #067647;
}
#dateStrikeInner .yellow.month{
	background: #B42318;
}
#dateStrikeInner .red.month{
	background: #CA8504;
}
#strikeSection{
	width: 100%;
}
#strikeSection p{
	margin-bottom: 0 !important;
}
/*#strikeSectionInner{
	padding: 0 24px;
}*/
#strikeSectionInner #strikes p{
	padding: 0;
}
.bidMidAsk div p, .bidMidAsk div button{
	width: 100%;
	height: 40px;
}
/*
 * red = #B42318
 * green = #067647
 * */
.bidMidAsk div:nth-child(1) p:nth-child(1), .bidMidAsk div:nth-child(3) p:nth-child(1){
	background: #B42318;
}
.bidMidAsk div:nth-child(2) p:nth-child(1){
	background: #067647;
}
#dateStikeModal #putBids button, #dateStikeModal #putMids button, #dateStikeModal #putAsks button, #dateStikeModal #callBids button, #dateStikeModal #callMids button, #dateStikeModal #callAsks button, #dateStikeModal #strikes p, #dateStikeModal #strikeReturns div{
	padding: 0;
	margin: 0;
	width: 100%;
	box-shadow: none;
	border: none !important;
	border-radius: 0px !important;
	background: transparent !important;
	height: 40px;
}
#strikeTitle{
	height: 67px;
}
#strikes p{
	height: unset !important;
}
#strikeSectionInner #puts div div div button, #strikeSectionInner #calls div div div button{
	background: transparent !important;
}
#strikeSectionInner #puts div div div button:nth-child(2n), #strikeSectionInner #callAsks div div div button:nth-child(2n){
	background: transparent !important;
}
#strikeSectionInner #puts div div:nth-child(2) div button:nth-child(2n), #strikeSectionInner #calls div div:nth-child(2) div button:nth-child(2n){
	background: #067647 !important;
}

#strikeSectionInner #puts div div:nth-child(1) div button:nth-child(2n), #strikeSectionInner #calls div div:nth-child(1) div button:nth-child(2n){
	background: #B42318 !important;
}
#strikeSectionInner #strikeReturns div {
    background: #CA8504 !important;
}
#strikeSectionInner #strikeReturns div:nth-child(2n) {
    background: transparent !important;
}


#dateStikeModal #strikeSectionInner #strikeReturns div.bbwdLastPrice{
	width: 350% !important;
    background: #CA8504 !important;
	border: 1px solid black !important;
}
#dateStikeModal #strikeSectionInner .bidMidAsk button.bbwdTopM40 {
    margin-top: 40px !important;
}
#dateStikeModal #strikeSectionInner .bidMidAsk button.bbwdBotM40 {
    margin-bottom: 40px !important;
}
/*end calendar*/
/************** Calculator Return Chart ****************/
#returnChart{
	border-radius: 5px;
	margin: auto;
	background: rgba(0, 0, 0, 1);
	/*overflow-x: scroll;
	max-width: 100%;*/
}
#returnChartInner p, #priceValues p{
	color: white;
	margin: 0;
	padding: 0;
}
#returnChartInner .days{
	gap: 10px;
}
#returnChartInner .month, #returnChartInner .days p{
	width: 100%;
	text-align: center;
	border-radius: 100px;
	background: #3C4440;
}
#returnChartInner .days p{
	font-size: 14px;
	width: 40px;
	height: 40px;
}
#priceValues p{
	font-size: 12px;
}
#priceValues .returnedPriceList p{
	width: 50px;
	height: 32px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*#priceValues .returnedPriceList div:last-child{
	display: none !important;
}*/
/*end calculator return chart*/

/*end form shortcode*/

/******** end calc styles **********/


/*===================================
 *        Tablet Style
 * ================================*/
@media only screen and (max-width: 1020px) {
	
	/** Search Form Shortcode **/
	.stockSearchReturn{
		width: 100%;
	}
	/*end search form shortcode*/
	/** Calculator Styles **/
	#dateStrikeInner{
		width: 736px;
	}
	/*end calculator styles*/
}


/*===================================
 *        Mobile Style
 * ================================*/
@media only screen and (max-width: 767px) {
	/** global **/
	.mobileJStart{
		justify-content: start;
	}
	.mobileAStart{
		align-items: start;
	}
	.bbwdMobilGap0{
		gap: 0;
	}
	.bbwdMobilGap5{
		gap: 5;
	}
	/** Search Form Shortcode**/
	.bbwdMobilCol{
		flex-flow: column;
	}
	.bbwdMobilW100Per{
		width: 100% !important;
	}
	.calseachsection{
		min-height: 62px;
	}
	.calsearchinner{
		gap: 10px;
	}
	#calsearchres{
		max-height: 250px;
		overflow-y: scroll;
		padding-right: 10px !important;
	}
	.stockSearchReturn canvas{
		min-width: 50px !important;
		max-width: 50px;
		max-height: 45px !important;
	}
	
	/*end search form shortcode*/
	
	#stockForm .stockSearchReturn{
		width: 100%;
	}
	#stockForm .mainFieldInner{
		width: 100%;
	}
	#stockForm #stockCallTag{
		position: relative;
		right: 0;
		align-self: end;
		margin: 0;
		margin-top: -37px;
	}
	
	/** Calculator Styles **/
	#dateStrikeInner{
		width: 375px;
		max-width: 100%;
	}
	#dateStrikeInner #calInner{
		max-width: 100%;
		min-height: 250px;
		overflow-x: scroll;
		justify-content: start;
		padding: 0 24px;
		margin: 10px 0;
	}
	#dateStrikeInner #calInner .month{
		border-radius: 9px;
	}
	#calInner p, #calInner button{
		font-size: 12px;
	}
	/*results*/
	
	#returnChartInner div.bbwdFlex.bbwdRowNW.bbwdSpcArdStch.bbwdW100Per:first-child{
		gap: 0;
	}
	#returnChartInner .days{
		gap: 0;
	}
	#returnChartInner .days p{
		margin-left: 10px;
	}
	/*end results*/
	/*end calculator styles*/
	
	
	/** Home Styles **/
	#homeStockInner div[type='button']{
		width: 100%;
	}
	
}


/*===================================
 *        Style Overrides
 * ================================*/
.bbwdHideMe{
	display: none;
}
.bbwdSuperHide{
	display: none !important;
}
.bbwdW100{
	width: 100%;
}
.bbwdW50p{
	width: 50%;
}
.bbwdMaxH50px{
	max-height: 50px;
	min-height: 50px;
	height: 50px;
}
:focus-within, :focus-visible {
  outline-width: 0px !important;
  outline-style: none !important;
}







/*=======================================================
                  chart background colors

green1 = #003316
green2 = #003F1C
green3 = #004B22
green4 = #005628
green5 = #00612E
green6 = #006B33
green7 = #007539
green8 = #007E3F
green9 = #008E4A
green10 = #00964F
green11 = #029C55
green12 = #06A35A
green13 = #0BA85F
green14 = #11AD65
green15 = #17B26A (black txt)
green16 = #27C179 (black txt)
green17 = #39CE88 (black txt)
green18 = #4CD997 (black txt)
green19 = #65E3A6 (black txt)
green20 = #7EECB5 (black txt)
green21 = #98F3C4 (black txt)
green22 = #B1F8D2 (black txt)
green23 = #CAFCE1 (black txt)
green24 = #E3FEEF (black txt)

white = #FFFFFF

red1 = #330000
red2 = #410000
red3 = #4E0000
red4 = #5C0100
red5 = #690400
red6 = #770700
red7 = #850A00
red8 = #920F04
red9 = #A01308
red10 = #AD190D
red11 = #BB1E13
red12 = #C92519
red13 = #D62C20
red14 = #E13327
red15 = #E93B2F
red16 = #F04438
red17 = #FA4F43 (black txt)
red18 = #FF5C51 (black txt)
red19 = #FF6B60 (black txt)
red20 = #FF7B71 (black txt)
red21 = #FF8C83 (black txt)
red22 = #FFA098 (black txt)
red23 = #FFB4B1 (black txt)
red24 = #FFCBCA (black txt)
red25 = #FFE3E3 (black txt)
 =======================================================*/

#priceValues p.green1{
	background: #003316;
}
#priceValues p.green2{
	background: #003F1C;
}
#priceValues p.green3{
	background: #004B22;
}
#priceValues p.green4{
	background: #005628;
}
#priceValues p.green5{
	background: #00612E;
}
#priceValues p.green6{
	background: #006B33;
}
#priceValues p.green7{
	background: #007539;
}
#priceValues p.green8{
	background: #007E3F;
}
#priceValues p.green9{
	background: #008E4A;
}
#priceValues p.green10{
	background: #00964F;
}
#priceValues p.green11{
	background: #029C55;
}
#priceValues p.green12{
	background: #06A35A;
}
#priceValues p.green13{
	background: #0BA85F;
}
#priceValues p.green14{
	background: #11AD65;
}
#priceValues p.green15{
	background: #17B26A;
	color: black;
}
#priceValues p.green16{
	background: #27C179;
	color: black;
}
#priceValues p.green17{
	background: #39CE88;
	color: black;
}
#priceValues p.green18{
	background: #4CD997;
	color: black;
}
#priceValues p.green19{
	background:  #65E3A6;
	color: black;
}
#priceValues p.green20{
	background:  #7EECB5;
	color: black;
}
#priceValues p.green21{
	background: #98F3C4;
	color: black;
}
#priceValues p.green22{
	background: #B1F8D2;
	color: black;
}
#priceValues p.green23{
	background: #CAFCE1;
	color: black;
}
#priceValues p.green24{
	background: #E3FEEF;
	color: black;
}

#priceValues p.white{
	background: #FFFFFF;
	color: black;
}

#priceValues p.red1{
	background: #330000;
}
#priceValues p.red2{
	background: #410000;
}
#priceValues p.red3{
	background: #4E0000;
}
#priceValues p.red4{
	background: #5C0100;
}
#priceValues p.red5{
	background: #690400;
}
#priceValues p.red6{
	background: #770700;
}
#priceValues p.red7{
	background: #850A00;
}
#priceValues p.red8{
	background: #920F04;
}
#priceValues p.red9{
	background: #A01308;
}
#priceValues p.red10{
	background: #AD190D;
}
#priceValues p.red11{
	background: #BB1E13;
}
#priceValues p.red12{
	background: #C92519;
}
#priceValues p.red13{
	background: #D62C20;
}
#priceValues p.red14{
	background: #E13327;
}
#priceValues p.red15{
	background: #E93B2F;
}
#priceValues p.red16{
	background: #F04438;
}
#priceValues p.red17{
	background: #FA4F43;
	color: black;
}
#priceValues p.red18{
	background: #FF5C51;
	color: black;
}
#priceValues p.red19{
	background:  #FF6B60;
	color: black;
}
#priceValues p.red20{
	background:  #FF7B71;
	color: black;
}
#priceValues p.red21{
	background: #FF8C83;
	color: black;
}
#priceValues p.red22{
	background: #FFA098;
	color: black;
}
#priceValues p.red23{
	background: #FFB4B1;
	color: black;
}
#priceValues p.red24{
	background: #FFCBCA;
	color: black;
}
#priceValues p.red25{
	background: #FFE3E3;
	color: black;
}
.calcReturnVal:hover{
	cursor: pointer;
}
.priceHover{
    position: absolute;
    background: white;
    padding: 12px;
    border-radius: 15px 15px 15px 0;
	margin-top: -58px;
    margin-left: 42px;;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
	opacity: 0;
	display: flex; 
	visibility: hidden;
	transition-duration: .3s;
}
#priceValues .priceHover p{
	color: black;
	height: 20px;
	width: 100%;
	text-align: start;
}
#priceValues .priceHover h6{
	margin: 0;
}
.calcReturnVal:hover div.priceHover{
	visibility: visible;
	opacity: 1;
}