body{font-family:var(--ge_font_family_base);}
button:focus{outline:none;}
.ContentWrapper{width:99%;margin-left:10px;}
.headertext{color: var(--lead_black);font-size: 30px;margin:10px 0px;}
.headerdescriptiontext{font-size: 18px;color: var(--secondary_medium_grey);}
.inputlabel{color: var(--secondary_medium_grey);font-size: 16px;}
.inputBox{box-sizing: border-box;height: 48px;width: 315px;background-color: var(--white);border: 1px solid var(--light_border_grey);margin-top:8px;padding:9.5px 12px;;color: var(--secondary_medium_grey);font-size: 18px;position:relative;}
.textareaBox{box-sizing: border-box;height: 96.5px;width: 649px;background-color: var(--white);border: 1px solid var(--light_border_grey);font-size:16px;margin-top:8px;padding:10px 46px 10px 10px;color:var(--secondary_medium_grey);}
.addRowText{color: var(--basic_purple);font-size: 16px;font-weight: 700;margin-top:23px;}
.addRowIconColor{color: var(--basic_purple);font-size: 22px;margin:20px 5px 0 0;}
.wrapperInput{margin-top:30px;position:relative;}
.showButton{color: var(--white);background-color: var(--palladium_grey);padding:18px 25px;font-size: 18px;font-weight: 700;letter-spacing: 1.5px;border-radius: 100px;border:none;margin-top:30px;}
.showblueButton{padding:18px 25px;color: var(--white);font-size: 18px;font-weight: 700;letter-spacing: 1.5px;border-radius: 100px;background-color: var(--basic_purple);border:none;margin:20px 0 0 0;}
.showblueButton:hover{background-color:var(--dark_eclipse_blue);}
.showblueButton:focus{background-color:var(--dark_eclipse_blue);}
.errorValidation{color: var(--basic_error_red);font-size:16px;margin:4.5px 0 -21px 0;}
.errorBox{border: 1px solid var(--basic_error_red);}
.crossButton{color: var(--basic_error_red);font-size: 22px;right: 39px;margin-top:21px;padding: 0 0 2px;position: relative;}
.checkIcon{ color: var(--status_success_greena);font-size: 22px;right: 39px;margin-top:21px;padding: 0 0 2px;position: relative;}
.textareaIcon{padding: 0 0 2px;position: absolute;left: 95%;top:38px;margin-top:0px;}
.alertError{ border-radius: 2px;background-color: var(--blood_orange);border: 1px solid var(--blood_orange);padding:15px 14px;font-size: 16px;line-height: 30px;color: var(--secondary_medium_grey);}
.alertError>:first-child{font-size:22px;}
.sysId{text-transform: uppercase;}

.autocomplete {
  position: relative;
  display: inline-block;
}


.autocomplete-items {
  position: absolute;
  border: 1px solid var(--light_border_grey);
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: var(--white);
  border-bottom: 1px solid var(--light_border_grey);
}

.autocomplete-items div:hover {
  background-color: var(--light_grey);
}

.autocomplete-active {
  background-color: var(--basic_purple) !important;
  color: var(--white);
}

.ui-menu-item-wrapper{font-weight:bold;color:var(--secondary_medium_grey);}
.match span{font-weight:normal;}
.ui-menu-item:hover .match span{font-weight:bold!important;cursor:pointer;}
.ArrowBtnClick{float: right;margin: -49px 235px 0 0px;cursor:pointer;}
.ui-menu .ui-menu-item {padding: 7px 9px;}

.bgErrorSearch{
	 background-color: var(--light_grey);
	 color: var(--secondary_medium_grey);
	 font-size: 16px;
	 line-height: 22px;
	 clear: both;
    float: left;
    padding: 21px;
    width: 96%;
}
.toolErrorSearch{
  box-sizing: border-box;
  padding:15px;
  border-radius: 2px;
  background-color: var(--basic_purple);
  border: 1px solid var(--basic_purple);
  color: var(--secondary_medium_grey);
  font-size: 16px;
  line-height: 22px;
  width: 77%;
  margin-right: 15px;
}

.font18Code{font-size: 18px;}
.font30Code{font-size: 28px;}
.font22Code{font-size: 22px;margin-bottom:8px;}

.newBtnError{
	box-sizing: border-box;
	border: 2px solid var(--basic_purple);
	border-radius: 40px;
	font-size: 18px;
	letter-spacing: 1.5px;
	text-align: center;
	color: var(--basic_purple);
	padding:15px 20px;
	background-color:var(--white);
	font-weight: bold;
	cursor:pointer;
}

.customContainer {
    display: block;
    position: relative;
    margin-bottom: 21px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    color: var(--secondary_medium_grey);
    margin:20px 0;
    text-align:justify;
}
.customContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.customCheckmark {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 18px;
    width: 18px;
    border: 2px solid var(--basic_purple);
    border-radius: 2px;
}
.customContainer input:checked ~ .customCheckmark {
    background-color: var(--basic_purple);
}
.customContainer input:checked ~ .customCheckmark:after {
    display: block;
}
.customContainer .customCheckmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.customCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}
.ErrorCodeSearchPage{margin: 20px 0; float: left; width:82%;}

.availableSpinner{min-height: 64px;
    width: 90%;
    background: url(../images/Spinning.gif) no-repeat top center;
    float: left;
    margin-top: -43px;}
.wordBreakAlign{word-break: break-all;}
.ArrowBtnClickE{width: 40px;height: 40px;background: var(--basic_purple);border-radius: 100px;text-align: center;clear: both;float: right; margin-top: -45px;margin-right: 60%;}
.ArrowBtn{font-size:16px;font-size: 20px;color: var(--white);letter-spacing: 0;padding-top: 10px;cursor:pointer;}