:focus {
  outline: 0;
}
caption {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}

/** start CSS **/

/** dodgy style implying presentation **/

.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: 0;
}
.hide {
  display: none;
}

/** main page **/

.boxTop,
.boxTop td,
.boxtop2,
.boxtop2 td {
  padding: 3px;
}

#innerContentLeft {
  float: left;
  width: 60%;
}
#innerContentRight {
  float: right;
  width: 38%;
}
#innerContentBreak {
  clear: both;
}

/** notify elements **/

.err_warning,
.err_notice,
.err,
.intro,
.err_hint {
  width: 98%;
  margin: 10px 0 !important;
}

/** page content **/
#filter {
  height: 28px;
  margin: 0px;
  padding: 5px 0 0px 4px;
}
#filter select {
  width: 150px;
  margin: 0 10px;
  float: left;
}
#filter ul {
  float: left;
  margin: 3px 0 0 0;
  padding: 0;
}
#filter li {
  display: inline;
}
#filter li a {
  margin: 0 5px;
}

/** content elements **/
.box {
  width: 100%;
}
.boxTop,
.boxtop2,
.staticDataTable .staticDataTable-row-heading {
  height: 24px;
}
.quickbox {
  margin: 0px 0 10px 0;
  padding: 0px;
}
.quickbox td p {
  line-height: 12px;
  margin-top: 4px;
}
.quickbox_c {
  min-height: 30px;
  padding: 10px 7px 10px 7px;
  margin: 5px 5px 2px 5px;
}
.autocomplete-field {
  width: 30em;
}

/** wizard **/
.steps {
  float: right;
  overflow: visible;
}
.steps a {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: -1px 3px 2px 3px;
}
.steps a,
.steps b {
}
.step-arrows {
  width: auto;
  white-space: nowrap;
}
.step-arrows a,
.step-arrows b {
  display: inline-block;
  padding: 6px 16px 5px 9px;
}
.first-step {
  padding: 0px !important;
}
.first-step b,
.step-past b {
  display: inline-block;
  padding: 6px 16px 5px 9px;
}
.last-step {
  padding-right: 20px !important;
}
div.step-buttons {
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
}
.baseapp-form + div.step-buttons {
  margin-top: -30px;
}
div.button-next {
  float: left;
  padding: 5px 0px 5px 0px;
}
div.button-finish {
  float: left;
  padding: 5px 0px 5px 0px;
  margin-left: 5px;
}

/** Knowledgebase **/

.ygtvspacer {
  text-indent: -9000em;
  display: block;
}

/** product helpful descriptions **/
.intro li {
  margin: 3px 3px 3px 75px;
}
.intro p {
  margin: 0px 14px 14px 75px;
}
.intro h1 {
  margin: 10px 10px 6px 14px;
}
.intro h2 {
  margin: 14px 14px 6px 75px;
}
.close_intro_link {
  margin: 10px 10px 10px 10px;
}

/** forms **/
.baseapp-form h2,
.infoTable h2 {
  padding: 9px 0px 10px 0px !important;
  height: 24px;
}
.baseapp-form form {
  margin-bottom: 30px;
  padding-bottom: 5px;
  width: 100%;
}
.yui-dialog .baseapp-form {
  min-width: 520px;
}
.menu-venue-css {
  max-width: 260px;
}
.yui-dialog .bd .baseapp-form form,
.tab-box .baseapp-form form {
  margin-bottom: 0px;
}
form dl {
}
.yui-dialog form dl {
  border-top: none;
}
/* row */
form div.form-element {
  width: 100%;
}
form span.cost-inputs {
  position: relative;
}
form .cost-inputs .longInput {
  margin-right: 0px;
  width: 95px !important;
  /* padding-right: 30px; */
}
.cost-inputs .cost-unit {
  position: absolute;
  left: 60px;
  top: 3px;
  color: #999;
  font-size: 10px;
}
.cost-inputs input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.cost-inputs .ant-checkbox input[type="checkbox"] {
  position: absolute;
}
.cost-inputs .disabled {
  color: #a1a1a1;
  cursor: not-allowed;
}
form .cost-inputs .cost-taxes-container {
  display: flex;
  flex-direction: column;
}
.cost-inputs .tax-checkbox {
  position: relative;
  margin-top: 5px;
  margin-left: 23px;
  width: 100%;
}
.cost-inputs .checkboxContent {
  max-width: 150px;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;

  margin-left: 1px;
  margin-right: 5px;
}
.cost-inputs .wc-checkboxContent {
  margin-left: 3px;
}
.cost-inputs label {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  display: inline-flex;
}
.cost-inputs .sf-checkboxes {
  display: none;
  min-width: 50px;
  height: fit-content;
  margin-top: -5px;

  text-align: center;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 1;
  font-size: 11px;

  white-space: nowrap;
  padding: 3px;
  position: absolute;
}
.cost-inputs .sf-checkboxes .sf-tax-checkbox {
  display: block;
  text-align: left;
}
.cost-inputs .tax-checkbox:hover > .sf-checkboxes {
  display: inline-block;
}

.cost-inputs .ivvy-show-tax-toggle,
.ivvy-show-session-avg-spend {
  text-decoration: none;
  color: #006fba;
  text-align: center;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 10px;
  width: fit-content;
  display: inline-flex;
  font-size: 10px;
}

.cost-inputs .ivvy-show-tax-toggle:hover {
  text-decoration: underline;
}

span.cost-prefix {
  padding: 7px 2px 7px 0px;
}

form span.measurement-inputs {
  position: relative;
}
.measurement-inputs .measurement-unit {
  position: absolute;
  right: 5%;
  top: 2px;
  color: #999;
  font-size: 10px;
}
/* label & field */
form dt,
form dd,
.yui-panel form label {
  float: left;
}
.yui-panel form.dialogFormAuto label,
form dt {
  /* padding:5px; */
}
/* label */
form dt {
  clear: left;
  width: 20%;
  padding: 8px 5px 5px 5px;
}
form dt .required::before {
  display: inline-block;
  margin-inline-end: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}
/* field */
form dd {
  width: 65%;
  padding: 5px 2px;
  min-height: 27px;
}
/* permanent placeholder for text */
form span.placeholder-text {
  position: absolute;
  right: 5%;
  top: 2px;
  color: #999;
  font-size: 10px;
}
form span.input-group {
  position: relative;
}
/* label in dialog form */
.yui-dialog form dt {
  width: 150px;
}

.yui-dialog .subform > dt, .subform > dt {
  width: auto;
  float: none;
}
.yui-dialog form div.formIndent dt{
  width: calc(150px - 24px);
}
.yui-dialog form div.indentLevel2 dt{
  width: calc(150px - 52px);
}
.yui-dialog form dd {
  width: auto;
}
.yui-dialog form .multiTimeDate dd {
  max-width: 155px;
}
.yui-dialog form .multiTimeDate dd.input_error ul.errors li {
  font-size: 11px;
}
form .multiTimeDate dd ul.errors {
  padding-top: 0;
}
form dd.input_error {
  padding: 5px;
}
form dt label {
  float: left;
  width: 100%;
}
form dd .input50 {
  width: 50px;
}
form dd .input75 {
  width: 75px;
}
form dd .input100 {
  width: 100px;
}
form dd .longInput {
  width: 250px;
}
form dd .longerInput {
  width: 300px;
}
form dd .longestInput {
  width: 350px;
}
form dd textarea,
form dd select {
  margin: 1px;
  padding: 8px;
}
form dd input{
  margin: 1px;
  padding: 4px 11px;
  line-height: 22px
}
form dd select {
  height: 36px;
}
#SearchForm form dd input[type="text"]:not(.ant-input),
#SearchForm form dd input[type="password"],
#SearchForm form dd input[type="number"],
#SearchForm form dd textarea,
#SearchForm form dd select {
  padding: 6px;
}
/* indented fields */
form div.formIndent {
  padding-left: 10px;
  margin-left: 14px;
  float: left;
  width: 100%;
  border-left: 1px solid var(--form-indent-bg);
}
form div.formIndent dt{
  width: calc(20% - 24px);
}
form div.indentLevel2 {
  margin-left: 42px;
}
form div.indentLevel2 dt{
  width: calc(20% - 52px);
}


/* start subform indent override */
.subform > dd {
  width: 100%;
}

.subform dl dt {
  padding-left: 15px;
  float: left;
  width: calc(20% - 28px);
}
.yui-dialog .subform dl dt {
  width: calc(150px - 24px);
}

.subform dl .form-element {
  margin-left: 13px;
  border-left: 1px solid var(--form-indent-bg);
}
#sameAsCompany-element-container{
  border-left: none;
  margin-top: -33px;
  margin-left: 20.5%;
  width: 65%;
}
#billingAddress-element{
  min-height: 0;
}
/* end subform indent override */

.RedirectOptionsContainer{
  margin-top: 10px;
}
.RedirectOptionsContainer label:hover {
  cursor: pointer;
}
.RedirectOptionsContainer input[type="radio"] {
  vertical-align: middle;
  margin-top: -2px;
}
form div.form-element.character-count-row {
  color: red;
}
.form-element .SortHandle {
  margin-top: 8px;
}

.yui-dialog form label {
  clear: both;
}
form div.resizeOptions {
  clear: both;
}
form div.resizeOptions h4 {
  margin-top: 8px;
}
form div.resizeOptions label {
  clear: none;
  display: inline-block;
  border: 1px solid #d1d1d1;
  color: #494949;
  background: #f1f1f1;
  padding: 8px 5px;
  margin-top: 4px !important;
  cursor: pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  min-height: 15px;
}
.yui-dialog form div.resizeOptions label {
  margin-right: 4px !important;
}
form div.resizeOptions label.disabled {
  color: #999;
}
div.resizeOptions label.custom-box {
  display: none;
  margin-left: -4px;
}
.yui-dialog div.resizeOptions label.custom-box {
  margin-left: 0px;
  height: 25px;
}
form div.resizeOptions .resizeOptionsLabels label:nth-child(5) {
  /*clear:left;*/
  margin-right: 0 !important;
}
form div.resizeOptions .resizeOptionsLabels label.joined {
  border-right: 0px none;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
form div.resizeOptions label:hover {
  background: #f9f9f9;
  -moz-transition: border-color 0.5s, background-color 0.3s, opacity 0.2s;
  -webkit-transition: border-color 0.5s, background-color 0.3s, opacity 0.2s;
  -o-transition: border-color 0.5s, background-color 0.3s, opacity 0.2s;
  transition: border-color 0.5s, background-color 0.3s, opacity 0.2s;
}
form div.resizeOptions label input[type="radio"] {
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 3px;
  margin-left: 0px;
}
form div.resizeOptions label:nth-child(5) input[type="radio"] {
  margin-left: 5px;
}
@-moz-document url-prefix() {
  form div.resizeOptions label:nth-child(5) input[type="radio"] {
    margin-bottom: 2px;
  }
}
form div.resizeOptions label.custom-box {
  border-left: 0px none;
  padding: 3px 5px 3px 5px;
  cursor: default;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
form div.resizeOptions label.custom-box:hover {
  background: #f1f1f1;
}
form div.resizeOptions label span.small-text {
  font-size: 10px;
  color: #888;
  line-height: 26px;
  padding-left: 5px;
}
form div.resizeOptions label input[type="text"] {
  margin: 0;
}
.yui-dialog div#v2-help-content {
  display: none;
}

/* errors */
form ul.errors {
  padding: 0px;
  clear: left;
}
form ul.errors li {
  margin: 0px;
}
/* autocomplete */
div.yui-ac-content {
  max-height: 15em;
  overflow: auto !important; /* set scrolling */
  overflow-x: hidden !important; /* set scrolling */
}
.yui-skin-sam .yui-ac {
  /*position:absolute !important; /* so it escapes the forms overflow:hidden */
}
/* timefield autocomplete */
form dd.timeSelect div {
  display: inline-block;
}
form input.timeInput {
  width: 86px !important;
}
form div.timeInputContainer div.yui-ac-content {
  max-height: 15em;
  overflow: auto;
  overflow-x: hidden; /* set scrolling */
}
form div.timeInputContainer div.yui-ac-content li {
  padding-right: 10px;
}
form div.timeInputContainer {
  float: left;
  margin-right: 2px;
  width: 90px;
  height: 1px;
}
form input.timeInput {
}
/* date input */
form input.dateInput {
  width: 90px;
}
.ra-nav input[type="text"] {
  height: 24px !important;
  vertical-align: top;
  border: 1px solid #ddd !important;
  text-align: center;
}

.cke_maximized {
  z-index: 90000 !important;
}

/* descriptions */
form div.flashInstruction {
  display: none; /* change to inline to show */
  position: absolute;
}
form div.flashInstruction div {
  position: relative;
  left: 80px;
  padding: 5px;
  width: 55%;
  min-width: 150px;
}
/* autocomplete placeholder tooltip fix for Windows Chrome inline element stacking */
.form-element span[id*="-description-placeholder"] {
  display: inline-block;
  vertical-align: top;
}

/* focus field */
form .fieldFocus {
  /*border: 2px solid #aabbf3 !important;
    margin:0px !important;*/
}
/* file field */
.baseapp-form form .fileThumb {
  display: block;
}
.baseapp-form form .fileDelete {
  margin-bottom: 3px;
}
.baseapp-form form .fileIndicator {
  margin: 3px 3px 0px 3px;
}
.baseapp-form .form-element dd a.show-dialog {
  position: relative;
  left: 5px;
}
/* show-if (old) */
.showifToggle {
  float: right;
  padding: 10px;
}
#advanced-toggle {
  padding: 0px;
  font-size: 13px;
}
.showMoreOptions {
  font-size: 13px;
}
form div.toggleShowif {
  padding: 10px;
}
/* multi-checkbox */
.multi-checkbox dd div.multi-selectall {
  padding: 0px 4px 4px 4px;
}
.multi-checkbox dd div.multi-container {
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 250px;
  border: 1px solid var(--multi-container-border);
  background-color: var( --multi-container-bg);
  margin-left: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  float: left;
}
#SearchForm .multi-checkbox dd div.multi-container {
  margin-bottom: 8px;
}
.iv-multicheckbox-container {
  width: 250px;
  display: flex;
  flex-direction: column;
}
.iv-multicheckbox-container label {
  display: flex !important;
}
/* search input for mulitchexbox */
.iv-multicheckbox-container .ant-input-affix-wrapper {
  width: 100%;
  margin-bottom: 10px;
}
.iv-multicheckbox-options {
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--multi-container-border);
  background-color: var(--multi-container-bg);
  margin-left: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 3px 0px;
}

.iv-multicheckbox-options label {
  padding: 6px 0px 6px 12px;
}
.iv-multicheckbox-container > .ant-checkbox-wrapper {
  padding: 0px 0px 6px 14px;
}
.iv-multicheckbox-container .colourPickerSingleContainer {
  margin: 2px -7px 0px 3px
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
}
.checkbox-wrapper.indent {
  padding-left: 20px;
}
.checkbox-wrapper.bold {
  font-weight: bold;
}
.multi-checkbox dd label {
  display: flex;
  align-items: baseline;
  column-gap: 4px;
  cursor: pointer;
}
.multi-checkbox dd label input {
  vertical-align: bottom;
  position: relative;
  top: 2px;
}
.multi-checkbox dd .checkbox-container {
  margin-bottom: 1px;
  padding: 4px 0px 7px 4px;
}
.multi-checkbox dd .checkbox-container label {
  float: none;
}
.multi-checkbox dd div.multi-select-search {
  width: 245px;
  padding-bottom: 4px;
}
.multi-checkbox dd div.multi-select-search input {
  width: 60%;
  margin-left: 5px;
}
.multi-checkbox dd div.multi-select-search a {
  padding-top: 4px;
  float: right;
}

/* sub form */
form fieldset {
  margin-bottom: 2px;
  padding: 5px;
}
form fieldset legend {
  display: none;
}
/* submit button */
form div.SubmitButton dt,
form div.RedirectOptionsContainer dt {
  display: none;
}
form div.SubmitButton input {
  margin-top: 4px;
}

.baseapp-form input[type="checkbox"] {
  accent-color: #70a224;
}

.baseapp-form .cancel-link {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  margin-top: 4px;
  vertical-align: top;
  padding-top: 0;
  padding-left: 5px;
}
/* dialog form */
.yui-panel form.dialogFormAuto {
  padding: 10px;
}
.yui-dialog .button-group button {
  margin: 2px;
}

.help-bubble-footer a {
  height: 20px;
  margin: 0px;
}

/* info table */

.infoTable {
  width: 100%;
  margin-bottom: 10px;
}
.infoTable h2 {
  padding: 2px 0px 0px 0px;
  height: 24px;
  float: left;
  width: 100%;
}
.infoTable dl,
.infoTable dt,
.infoTable dd {
  float: left;
}
.infoTable dl {
  margin-bottom: 5px;
}
.infoTable dt {
  width: 20%;
}
.infoTable dd {
  width: 70%;
}
.infoTable dt {
  clear: left;
}
.infoTable dd .action {
  float: right;
  display: inline;
}
.infoTable div.actions.bottomActions {
  padding: 3px 0px 8px 0px;
  width: 100%;
  float: left;
}
.infoTable div.actions.topActions {
  padding: 0px 12px 0px 0px;
  float: right;
}
.infoTable div.actions input.buttons.menu,
.infoTable div.actions input.buttons.menu {
  padding-left: 17px;
}
.infoTable div.actions div.action {
  display: inline;
  margin-right: 4px;
}
.infoTable div.actions div.action a {
  padding: 3px 10px;
  margin-right: 2px;
}
dd.rightAction div.action {
  display: inline;
  float: none;
  margin-left: 5px;
}
/* indented */
.infoTable dt.indent,
.infoTable dd.indent {
  padding-top: 10px;
}
.infoTable dt.indent {
  margin-left: 30%;
  width: 20%;
  padding-left: 6%;
}
.infoTable dd.indent {
  width: 40%;
}

/* tags */

div.tag {
  float: left;
  padding: 2px 4px;
  margin: 2px;
}

/** colour picker **/

.colourPickerSingleContainer {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 4px 5px 0px 2px;
}
.checkbox-container .colourPickerSingleTable td {
  margin: -1px 5px 0px 2px;
}
.hexbox,
.heximg,
.hexbox a,
.hexbox img {
  float: left;
}
.hexbox {
  width: 25px;
  height: 25px;
  margin: 0 2px 4px 2px;
}
.hexbox img {
  width: 21px;
  height: 21px;
  margin: 2px;
}

/* MultipleSelectReplacement Styles */

.MultipleSelect {
  float: left;
  width: 250px;
  overflow: auto;
  height: 185px;
  padding: 5px;
  margin-right: 4px;
}
.MultipleSelect ul,
.MultipleSelect li {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.MultipleSelect li {
  display: block;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 2px;
  border-bottom: 1px solid #eee;
}
.MultipleSelect li.MultipleSelectGroup {
  padding-left: 0;
}
.MultipleSelect input {
  margin-right: 5px;
}
.MultipleSelectGroup li {
  padding-left: 20px;
}
.MultipleSelect li label {
  padding: 2px;
  min-height: 12px;
  display: block;
}
.MultipleSelectGroup div {
  padding-left: 4px;
}
.MultipleSelect li.MultipleSelectGroup {
  padding-bottom: 0;
}
.RTL .MultipleSelect {
  float: right;
}

.buttons {
  margin-top: 2px;
}

/*ideas page fixes (12-09-10)*/
.ratebox h1 {
  background: none;
  margin: 0 0 24px 0 !important;
}
.rating {
  width: 100% !important;
}
.ratecontent {
  float: none !important;
  width: 100% !important;
  margin-left: 80px;
  padding-bottom: 30px !important;
}
/*end fixes*/

.wc-help-box {
  padding: 15px;
}
.wc-help-point-holder {
  margin-top: 10px;
}
.wc-help-point {
  padding: 0 0 0 60px;
  display: table-cell;
  height: 50px;
}
.wc-help-box p,
.wc-help-box h1,
.wc-help-box h2,
.wc-help-box h3,
.wc-help-box ul {
  margin: 0;
}
.wc-help-box h1 {
  padding: 0px;
}
.wc-help-box h2 {
  margin: 0 0 5px 0;
  padding: 0px;
  height: auto;
}

.pageHeading {
  margin: 5px 10px 0px 10px;
}
.modalMask {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ccc !important;
}

.bd > h1 {
  display: none;
}
.form-element div.htmlArea dd {
  min-width: 400px;
}
.form-element.static dd div {
  margin-top: 3px;
}

/*Discount Markup CSS*/
span.cost-discount {
  font-weight: 500;
  color: #555555;
  padding: 1px;
  background-color: rgba(128, 186, 39, 0.1);
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  display: block;
  max-width: 136px;
  margin-top: 3px;
  border: 1px solid #80ba27;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  font-size: 11px;
  position: relative;
}
span.cost-discount:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  width: 20px;
  background: transparent url("/images/discount.svg") no-repeat center;
  opacity: 0.5;
  filter: var(--form-badge-filter);
}

#AccommodationDayMultiOccForm .dayRateLabel {
  white-space: nowrap !important;
}

/* overriding width styles for web components */
.wc-width30 {
  width: 32px !important;
}
.wc-width40 {
  width: 42px !important;
}
.wc-width50 {
  width: 52px !important;
}
.wc-width60 {
  width: 62px !important;
}
.wc-width70 {
  width: 72px !important;
}
.wc-width80 {
  width: 82px !important;
}
.wc-width90 {
  width: 92px !important;
}
.wc-width100 {
  width: 102px !important;
}
.wc-width100 {
  width: 112px !important;
}
.wc-widthInherit {
  width: inherit !important;
}
form .form-element dd textarea.longInput {
  max-width: 96%;
}
.yui-dialog form dd textarea.longInput {
  max-width: 650px;
}

.yui-module.yui-overlay.yui-panel[style="visibility: inherit; width: 700px;"] form dd {
  width: 65%;
}
.yui-module.yui-overlay.yui-panel form dd textarea.longInput {
  max-width: 480px;
}

iv-switch {
  margin-top: 5px;
  display: inline-block;
}
form .form-element dd textarea.longInput {
  max-width: 96%;
}
.yui-dialog form dd textarea.longInput {
  max-width: 654px;
}

/* Projected Spend Form classes */
form .multicost-element-container dd{
  display: inline-flex;
  position: relative;
}
form .multicost-element-container dd .cost-inputs{
  display: inline-flex;
  column-gap: 6px;
}
form .multicost-element-container dd  .input50{
  width: auto;
}
form .multicost-element-container dd  .errors{
  position: absolute;
  margin-top: 32px;
}
form .multicost-element-container dd  .cost-unit{
  left: 75px;
  top: 12px;
}
form .multicost-element-container dd img{ /* Indicator */
  margin-left: 8px;
  height: 14px;
  margin-top: 7px;
}

form .multicost-element-container .input_error:has(.cost-inputs) {
  min-height: 45px;
}

form.dialogFormAuto div.selectAll {
  padding: 0 0 4px 12px;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  display: flex;
  align-items: baseline;
}
form.dialogFormAuto div.selectAll span {
  font-size: 11px;
  padding-left: 4px;
}

/* drawer styles */
.ant-drawer .title_content h1{
  font-size: 20px;
  font-weight: bold;
}
.ant-drawer .title_content p{
  font-size: 16px !important;
}
/* end drawer styles */
/* form drawer styles */
.ant-drawer div.translate-language dd {
  top: 0;
  right: 20px;
}
.ant-drawer form dl:not(.subform dl) {
  padding-bottom: 5vh;
}
.ant-drawer form dt {
  width: 30%;
}

.ant-drawer form div.formIndent {
  width: calc(100% - 24px);
}

.ant-drawer form div.indentLevel2 {
  width: calc(100% - 52px);
}
.ant-drawer form div.formIndent dt{
  width: calc(30% - 18px);
}
.ant-drawer form div.indentLevel2 dt{
  width: calc(30% - 38px);
}
.ant-drawer .subform dt {
  width: 26%;
}
.ant-drawer #sameAsCompany-element-container {
  margin-left: 31%;
}
/* end form drawer styles */