/*FORMULA EDITOR TEXTBOX*/
.formula {
	height: 40px;
	border: 1px solid gray;
	margin: 0;
	display: inline-block;
  }
  .formularow {
	margin: 0px!important;
	padding:0px!important;
  }
  .formulainput {
	/*TESTING WIDTH ISSUES
	width: calc(80% - 40px);
	max-width: calc(80% - 40px);
	display: inline-block;*/
	margin: 0;
	display: block;
	outline: none;
	outline-width: 0;
	white-space: nowrap;
	overflow-x: hidden;
	border:0!important;
  }
  .formulainput:focus-visible{
	outline: none;
	outline-width: 0;
	border:0!important;
  }
  .formulainputfull {
	/*TESTING WIDTH ISSUES
	width: calc(100% - 40px);
	max-width: calc(100% - 40px);
	display: inline-block;
	*/
	overflow-x: hidden;
	white-space: nowrap;
	margin: 0;
	display: block;
	outline: none;
	outline-width: 0;
	border:0!important;
  }
  .formulainputfull:focus-visible{
	outline: none;
	outline-width: 0;
	border:0!important;
  }
  .formularesult {
	position: relative;
	top: -5px;
	height: 1.6!important;
	/*TESTING WIDTH ISSUES
	width: 20%!important;*/
	margin: 0px!important;
	padding:0px!important;
	display: block;
	border:0!important;
  }
  .formularesult:focus {
	outline: none;
	outline-width: 0;
  }
  .formularesult:focus-visible{
	outline: none;
  }
  .formularesultfull {
	position: relative;
	top: -5px;
	height: 1.6!important;
	/*TESTING WIDTH ISSUES
	width: calc(100% - 40px)!important;*/
	margin: 0px!important;
	padding:0px!important;
	display: block;
	border: 0px none;
	height:35px!important;
	border:0!important;
  }
  .formularesultfull:focus {
	outline: none;
	outline-width: 0;
	border:0!important;
	width:80%;
  }
  .formularesultfull:focus-visible{
	outline: none;
	outline-width: 0;
	border:0!important;
  }
  .formulabutton {
	position: relative;
	top: -5px;
	display: block;
	border:0!important;
	/*TESTING WIDTH ISSUES
	float: right;
	display: none;*/
	max-width: 40px!important;
	width: 40px!important;
	height: 100%;
  }
  .formularesultdefault input {
	color: #FFFFFF!important; 
	background-color: #72A4D2!important;
	font-weight: bold;
  }
  .calculatingimage{
	  display:none;
	  float:right;
	  height: 100%;
  }
  .formulaValue {
	  color: blue;
	  contenteditable: false;
	  /*font-weight: bolder;*/
	  font-style: italic;
	  display: inline-block;
  }
  .formulaError {
	  color: red;
	  font-weight: bolder;
	  font-style: italic;
	  display: inline-block;
  }
  .formulaNumber {
	  color: black;
	  contenteditable: false;
	  /*font-weight: bolder;*/
	  display: inline-block;
  }
  .formulaItem {
	  color: green;
	  display: inline-block;
  }
  
  .autocomplete-items {
	/*position: absolute;*/
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
  }
  .autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
  }
  .autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
  }
  .showWithButton{
	width: calc(100% - 50px)!important;
	display: block;
  }
   /*FORMULA EDITOR TEXTBOX*/