.toggleSetting.disabled:hover 
{
	color: #ffc112 !important;

}
.headerBar  .closeMenu {
    align-self: flex-end;
    text-align: right;
    margin-right: 0em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#optionsMenuRoot .optionsMenu .toggleSetting:hover ,
#optionsMenuRoot .optionsMenu .toggleSetting:hover svg
 {
	color: orange;
}
.options input.error {
    color: red !important;
}
.twoFer.blocked select {
    background-color: darkgrey;
    color: grey;
}
.options .invBu {
	color: white;
}
#optionsMenuRoot .optionsMenu .toggleSetting {
    cursor: pointer;

}
#optionsMenuRoot .options .toggleSetting {
		/* margin-left: -1.15em; */
	/* margin-left: -1.2em; */
}
#optionsMenuRoot .optionsMenu .toggleSetting svg {
	/* margin-right: 0.5em; */
    font-size: 0.75em;
	color: #ffc112;
	margin-right:0.5em;
}
#optionsMenuRoot .optionsMenu {
      display: flex;
    flex-direction: column;
    /* max-width: 90%; */
    padding: 1em;
}

#optionsMenuRoot .topBar {
    display: flex;
    justify-content: space-between;
	    /* height: 1.75em;		*/
		    min-height: 1.75em;
}

#optionsWrapper {
	/*justify-self: center; */
    /* align-self: stretch; */
    /* clear: both; */
    display: flex;
    justify-content: center;
    margin-top: 1em;
	    overflow: hidden;
}

#optionsMenuRoot .optionsMenu .heading{
	margin:0;
}
#optionsMenuRoot .optionsMenu .options li,
#optionsMenuRoot .optionsMenu .options ul {
	list-style: none;
	padding:0;

}
#optionsMenuRoot .optionsMenu .options li > .heading{
	text-align: unset;
}
#optionsMenuRoot .optionsMenu .options li > ul {
	/* margin-left: 1em; */
	display:block;
	margin-left: 0.25em;
}
#optionsMenuRoot .optionsMenu .options li > ul ul{
	font-size: 0.9em;
	/* margin-top: */
	/* margin-top:0.25em; */
    margin-left:1em;
	    margin-left: 1.25em;
		
}

#optionsMenuRoot .optionsMenu .options > li  {
	display: inline-block;
	    /* margin-left: .4em; */
}
#optionsMenuRoot .optionsMenu .options {
    /* display: flex; */
    /* justify-content: space-between; */
    /* max-width: 200px; */
    /* flex-wrap: wrap; */
    /* display: grid; */
    margin: 0;
    padding: 0;
    /* grid-template-columns: repeat(2,1fr); */
    display: flex;
    /* justify-content: space-between;    /* width: 100%; */ */
    word-break: break-word;
    flex-grow: 3;
	gap: 2em;
    flex-wrap: wrap;
	font-weight: bold;
	    /* max-width: 350px; */
		    /* max-width: 375px; */
	/* justify-content: space-evenly; */
	/* justify-content: space-between; */
}
.options .twoFer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1em;
    flex-wrap: wrap;
    align-items: center;
}

#optionsMenuRoot .optionsMenu .options .heading {
}
#optionsMenuRoot .optionsBox > :first-child {
	padding: 0 1em 0 0;
	margin: 0 1em 0 0;
	font-size: 1.15em;
	border-right: 1px solid #4e6d88;
	    display: flex;
    flex-direction: column;
}
#optionsMenuRoot  .optionsContainers {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 1em;
}


.optionsBox .hrSlider {
	    max-width: 70px;
}
.optionsBox.small {
	/* max-width: 450px; */
}
#optionsMenuRoot .optionsBox .heading {
	    font-size: 1.1em;

}
#optionsMenuRoot .optionsBox .options .heading {
    margin: 0 0 0.5em 0;
    border-bottom: 1px solid #4e6d88;
    padding-bottom: 0.1em;
	padding-bottom: 0.25em;
}

#optionsMenuRoot .optionsMenu   button {
	align-self: flex-start;
    text-align: left;
	font-size:1em;
}
#optionsMenuRoot .optionsMenu .options > div   {
	display: inline-grid;
}

#optionsMenuRoot .options  input{
    max-width: 5em;
	    text-align: right;

}
#optionsMenuRoot .options  input:focus{
    background-color: white;
	color: black;

}

.toggleSetting {
	display:flex;
	align-items:center;
}

#optionsMenuRoot .optionsMenu .options > div > *:not(:first-child)  {
    margin-left: 0.5em;
    font-size: 0.7em;
}
#optionsMenuRoot .options ul > li:not(:first-child) {
	margin-top:0.25em;
}

#optionsMenuRoot .optionsMenu .optionsBox {
	display:flex;
	justify-content:space-between;
	flex-grow:1;
	/* flex-wrap:wrap; */
	    background: linear-gradient(0deg, rgba(24,33,41,0.0) 0%, rgba(44,62,77,1) 6%, rgba(67,95,119,1) 100%);
	    padding: 1em;
		    max-width: 100%;
			    background: unset;
    background-color: #30475a;
			/* max-width: 90%; */
}

#optionsMenuRoot .optionsMenu .optionsBox > .heading {
    margin: 0 1em 0 0;
}

#optionsMenuRoot .optionsMenu  > .heading, #optionsMenuRoot .optionsMenu  > .headerBar {
    text-align: center;
	    margin: 0 0 0.5em;
		    margin: 0 0 1em;


}


.optionsMenu  .headerBar {
		    margin: 0 0 0.5em;
	    display: grid;
    grid-template-columns: 1fr 8fr 1fr;
}

#optionsMenuRoot .optionsMenu .heading {
	font-size: 1.25em;

}
#optionsMenuRoot .optionsMenu  > .heading, #optionsMenuRoot .optionsMenu  > .headerBar > .heading{
	font-size: 1.75em;
}
#optionsMenuRoot .options .heading {
	font-size: 1.5em;
    font-size: 1.25em;
    margin-top: 0.2em !important;

}


.optionsBox .blocked, 
.options .blocked .invBu {
	pointer-events: none;

}



@media (max-width: 1100px) {

.optionsBox {
	    /* max-width: 550px; */
	flex-grow: 2;

}
}

@media (max-width: 1000px) {

#optionsMenuRoot .optionsMenu button {
	    align-self: center;

}
	#optionsMenuRoot .optionsMenu .optionsBox {
		flex-direction: column;
	}
	#optionsMenuRoot .optionsBox > :first-child {
		border-right: unset;
		border-bottom: 1px solid #4e6d88;
		padding: 0 0 0.5em;
		margin: 0 0 .75em 0;
		flex-direction: row;
		gap: 0.5em;
	}
	#optionsMenuRoot .optionsBox > invBu {
		margin: 0 1em;
	}
	#optionsMenuRoot .optionsMenu .options {
		padding: 0em 1.25em;
	}
	#optionsMenuRoot .optionsMenu .heading {
		margin-right: 1em;
	}

}

@media (max-width: 800px) {




}

@media (max-width: 600px) {
		#optionsMenuRoot .optionsMenu .heading {
		margin-right: 0;
	}
		#optionsMenuRoot .optionsMenu .options {
		 justify-content: space-between;
	}

		#optionsMenuRoot .optionsBox > :first-child {

	    justify-content: space-between;
	}


	#optionsMenuRoot .optionsBox > :first-child {
		justify-content: space-between;
	}

}

@media (max-width: 400px) {


	

}


.optionsBox .disabled, 
.optionsBox .disabled h4, 
.options .invBu.disabled,
.options .disabled .invBu,
.options  .blocked, 
.optionsBox .blocked h4, 
.options .invBu.blocked,
.options .blocked .invBu 

{
    /* padding-left: 1.1em; */
	/* padding-left: 1.1em; */
    color: grey;
	padding-right: 1.1em;
}


.toggleSetting.disabled svg, 
.toggleSetting.blocked svg, 
.blocked .toggleSettings svg
 {
    display: none;
}