/*  $primary-font-color: #333
 *  $primary-error-font-color: red
 *  $primary-light-border-color: #7EACB1
 *  $primary-light-background-color: #EBF2F4
 *  $seconday-light-background-color: #EDF3F4
 *  $primary-title-color: #003874
 *  $primary-link-color: blue
 *  $primary-invalied-background: #d9534f
 *  $widget-container-title: #3b3b3b
 *  $menu-container: #A5A6A8
 *  $dx-field-label: grey
 *  $button-text: var(--deblue)
 *  $line-colour: #cdcdcd
 *  $alr-row: #F3F2F2
 *  $field-label: #8c8c8c
 *  $tab-border: #4986A2
 *  $tab-background: #F1F2F4
 *  $tab-selected-border: #C4C5C6
 *  $tab-selected-background: #4E8AA4
 *  $header-row-background: #b7d8dc
 *  $pivot-grid-background: #DFEAEC
 *  $edit-details-colour: #808093
 *  $resort-button-color: #f44336
 *  $resort-hover-color: #cc362b
 *  $mobile-avail-search-button: #003975
 *  $headding-1:#0076AD
 *  $seconday-2-colour:#c5cbd3
 *  $seconday-3-colour:#7f9bb9
 *  $seconday-4-colour:var(--deblueh)
 *  $seconday-5-colour:#00a4c9
 *  $holdBackground: #f78029
 *  */
/*  $primary-font-color: #333
 *  $primary-error-font-color: red
 *  $primary-light-border-color: #7EACB1 //done
 *  $primary-light-background-color: #EBF2F4
 *  $seconday-light-background-color: #EDF3F4
 *  $primary-title-color: #008f8d //done
 *  $primary-link-color: blue
 *  $primary-invalied-background: #d9534f
 *  $widget-container-title: #3b3b3b
 *  $menu-container: #A5A6A8
 *  $dx-field-label: grey
 *  $button-text: var(--deblue)
 *  $line-colour: #cdcdcd
 *  $alr-row: #F3F2F2
 *  $field-label: #8c8c8c
 *  $tab-border: #4986A2
 *  $tab-background: #F1F2F4
 *  $tab-selected-border: #C4C5C6
 *  $tab-selected-background: #4E8AA4
 *  $header-row-background: #b7d8dc
 *  $pivot-grid-background: #DFEAEC
 *  $edit-details-colour: #808093
 *  $resort-button-color: #f44336
 *  $resort-hover-color: #cc362b
 *  $mobile-avail-search-button: #003975
 *  $headding-1:#008f8d //done
 *  $seconday-2-colour:#c5cbd3
 *  $seconday-3-colour:#7f9bb9
 *  $seconday-4-colour:var(--deblueh)
 *  $seconday-5-colour:#00a4c9
 *  $holdBackground: #f78029
 *  */
.demo-container,
#page {
  height: 100%;
  min-height: 100%;
}

#header {
  margin-top: 20px;
  border-bottom: 3px solid #dee2e6 !important;

}

.demo-container .content,
#page .content {
  width: 100%;
  margin-top: 20px;
}

.item {
  height: 100%;
}

#content {
  margin: 0 auto;
  max-width: 100%;
}

#loadingIndicator {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  z-index: 100999;
}

#loadingIndicatorLongOperation {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  z-index: 100999;
}

#xbtnContinueToGuest {
  display: none;
}

.dx-checkbox-icon {
  border: 1px solid black !important;
}

#guestBlock {
  width: 100%;
  
}

#contentWindow {
  width: 100%;
}


#menu {
  height: 45px !important;
}

#rcorners1 {
  border-left: 5px solid var(--degold);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .125) !important;
  border-radius: 0.5rem;
}

.rcorners1 {
  border-left: 5px solid var(--degold);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .125) !important;
  border-radius: 0.5rem;


}

.rcornersSmall {
  padding-top: 4px;
  padding-left: 10px;
}

.rcornersSmall:after {
  font-weight: 400;
  color: #333;
  content: "\f016";
  font-family: DXIcons;
  float: right;
  top: -25px;
  position: relative;
  padding-right: 5px;
}


.loginText {
  font-size: 1.2rem !important;
}

.holidayBasketTitle {
  font-size: 16pt;
  color: var(--degold);
}

.menuItemTopLevel {
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
  color: Black !important;
  width: 100%;
}

.menuTopLevelSelected {

  border-bottom: 3px solid var(--degold) !important;

}


#faqsContainer {
  width: 100%;
}

#faqItemTemplate #section {
  padding: 5px;
}

#faqSubsectionsSpacer {
  width: 25px;
}

#faqsContentArea {
  padding: 5px;
  width: 100%;
}

.loginLabel {
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
  color: var(--deblueh);

}

.loginLabelError {
  color: red;
  font-size: 14px;
}

.dx-popup-wrapper>.dx-overlay-content {
  border: 1px solid #25aec5 !important;
  background: #fff;
  -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.175);
  border-radius: 5px;
}

.dx-template-wrapper.dx-popup-title {
  color: black;
  padding: 3px 6px 2px 10px;
  font-size: 18px;
  min-height: 25px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 2px solid #ddd;
  background-color: white;
}

.dx-popup-content {
  font-size: 14px;
  padding: 20px;

  font-family: Verdana, Geneva, sans-serif;
  color: var(--deblueh)
}

.dx-texteditor-input {
  margin: 0;
  padding: 7px 9px 8px;
  background: rgba(0, 0, 0, 0);
  color: #333;
  border-radius: 0px;
  background-color: white;
  border: 1px Solid #25aec5;
  font-size: 14px;
}

.dx-texteditor.dx-editor-outlined {
  background: #fff;
  border-radius: 0px;
}



.dx-submenu {
  z-index: 1000000;
  top: -2px;
  position: relative;
}

.forgottenPasswordTitle {
  font-size: 16px;
  color: var(--degold);
  font-weight: bold;
  padding-top: 10px;
  text-align: center;
}

.forgottenMessage {
  font-size: 14px;
  color: red;
  font-weight: bold;
  padding-left: 5px;
  text-align: center;
}

/*#headerLogo {
  padding-left: 14px;
}*/

.loginPopupHeading {
  font-size: 16px !important;
  color: var(--degold);
  text-align: center;
  padding-top: 10px;
  font-weight: 700;
  margin: 0px 10px;
}

.loginPopupHeadingLeft {
  font-size: 16px !important;
  color: var(--degold);

  padding-top: 10px;
  font-weight: 700;
  margin: 0px 0px;
}

.dx-placeholder:before {
  padding: 0px;
}

#contactUsForm .dx-placeholder {
  color: #93a1a4;
  font-size: 14px;
  padding-left: 1px;
  position: absolute;
  max-width: 100%;
  width: auto;
  text-align: left;
  cursor: text;
  pointer-events: none;
}

.spacer {
  width: 10px;
  height: 10px;
  display: inline-table;
}

.spacer2 {
  width: 5px;
  height: 5px;
  display: inline-table;
}

.dx-texteditor-input {
  margin: 0;
  padding: 5px 9px 8px;
  background: rgba(0, 0, 0, 0);
  color: #333;
  border-radius: 0px;
  padding-left: 4px;
  background-color: white;
  border: 0px;
  font-size: 14px;
}

.dx-texteditor.dx-editor-outlined {
  background: #fff;
  /*border: 1px solid #25aec5;*/
  border-radius: 1px;

}



.dx-fieldset {
  margin: 10px;
}

.contactFormTitle {
  color: var(--degold);
  font-family: Arial;
  font-size: 22px !important;
  font-weight: bold !important;
}

#contactUsForm #MainContent_xrcptCapture_IMGD {
  background-color: Transparent;
  border-color: #87b8c7;
  border-width: 1px;
  border-style: solid;
  width: 200px;
  background-image: url("/images/102_167-3d5_i.png");
  line-height: 0px;
  font-size: 0px;
}

.dxcaRefreshButtonText {
  text-decoration: underline;
  color: blue;
  font-size: 14px;
}

.hclMemTitle {
  font-size: 18px;
  color: var(--degold);
}

.hclMemSubTitle {
  color: black;
  display: block;
  font-size: 16px;
  text-align: left;
  color: #7f9bb9;
}

.subContent {
  color: black;
  display: block;
}

.subContentSmall {
  display: none !important;
}

#contactUsPage .rcornersSmall {
  border-radius: 6px;
  border: 1px solid #25aec5;
  background: white;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  min-height: 0px;
  padding-left: 10px;
  padding-top: 0px;
  width: 100%;
}

#contactUsPage .rcornersSmall:after {
  font-weight: 400;
  color: #333;
  content: "\f016";
  font-family: DXIcons;
  float: right;
  padding-right: 15px;
  position: relative;
  padding-top: 0px;
  top: 2px;
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container:after,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container:after,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container:after {
  pointer-events: none;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  background-color: #d9534f;
  color: #fff;
  content: "!";
  border-radius: 50%;
  transform: scale(0.9);
}


#loginActions {
  
  width: 100%;
  margin-top:20px ;
}

#headerActual {
  width: 100%;
}

#headerClicker {
  cursor: pointer;
}

.faqSubSubTitleExpanded {
  white-space: break-spaces;
}

.faqSubSubTitle {
  white-space: break-spaces;
}

.size {
  font-size: 16pt;
  color: var(--degold);
  font-weight: bold;
  text-align: center;
}

.size2 {
  font-size: 14px !important;
  color: black;
  font-weight: bold;
}

.availUnitSizeImgBig {
  display: block;
}

.availUnitSizeImgSmall {
  display: none;
}

#memberDetailsContent {
  display: inline-flex;
}

.myTitleAction {
  display: none;
}

#accountSummaryData {
  height: 100%;
}

#pointSummaryData {
  height: 100%;
}

#membershipDetailsTitleBlock {
  display: none;
}

[id^="listHeading"] {
  font-size: 12pt;
  color: var(--degold);
  font-weight: bold;
}

.showExtraSmall {
  display: block;
}

.showSmall {
  display: block;
}

.showSmallMedium {
  display: block;
}

.showMedium {
  display: block;
}

.showMediumLarge {
  display: block;
}

.showLarge {
  display: block;
}

#tdSpecialInstruction {
  z-index: 1;
  display: none;
  position: absolute;
}

#tdCancelBooking {
  z-index: 1;
  display: none;
  position: absolute;
  min-height: 600px;
}

#floatingDetailsDiv {
  position: absolute;
  z-index: 1;
  height: 100%;
  display: none;
}

#tdSpecialInstructionInner {
  position: relative;
  padding: 10px;
  min-height: 325px;
}

#tdCancelBookingInner {
  position: relative;
}

#floatingDetailsDivInner {
  position: relative;
  top: 0px;
}


#serverID {
  text-align: center;
  font-size: 10px;
}

#resortDetailsContentArea {
  width: 100%;
}

#widgetContainerTitle {
  font-family: var(--bs-body-font-family);
  color: var(--deblueh);
  margin: 0 auto;
  width: auto;
  font-size: 22px;
  font-weight: 600 !important;
  vertical-align: top;
  text-align: left;
  width: 100%;
}

#gridProfileAccounts {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  color: #3b3b3b;
}

#pymtOpnsContent {
  display: grid;
}

#accountOverviewContent {
  display: grid;
}

#pointsSummary {
  height: 100%;
}

.creditCardTitle {
  font-size: 12pt;
  color: var(--degold);
  font-weight: bold;
}

.searchAvailTitle {
  font-size: 21px;
  color: var(--degold);
  font-weight: bold;
}

#ReservationType {
  font-size: 20px;
  color: var(--degold);

}

.left {
  font-size: 21px !important;
  color: var(--degold);
  font-weight: bold !important;
}


#filterContent {
  display: grid;
}

.accountPaymentPage {
  display: inline-flex;
  margin-top: 20px;
}

#ctrlViewAvailabilityOnHold {
  max-width: 300px;
}

#faqsContainer {
  display: inline-flex;
}

#HTML5PECB {
  display: none;
}

.dx-datebox input[type="date"] {
  line-height: normal;
  width: 120px;
}

#availDetailPage {
  display: flex;
}

#holdHolder {
  min-width: 300px;
}

#holdHolderParent {
  min-width: 300px;
}

#is.size {
  text-align: center;
}

#xchkBookingCondition1 {
  margin: unset !important;
}

.helpSmall {
  display: none;
}

.helpBig {
  display: block;
}

div[id^="accountSummaryData"] {
  height: 100%;
}


.dx-popup-wrapper>.dx-overlay-content {
  max-width: 600px;
}

.cancelDetailsBlock {
  justify-content: space-between;
}


#DealsPage>div>div:nth-child(2)>h1 {
  color: var(--deblueh) !important;
  margin-bottom: 10px !important;
}

#resortImage>img {
  height: unset;
}

#PointsStatementTitleContainer {
  display: none;
}

#xchkAvailabilitySource .dx-checkbox-icon {
  width: 100%;
  height: 100%;
}

/*  $primary-font-color: #333
   *  $primary-error-font-color: red
   *  $primary-light-border-color: #7EACB1
   *  $primary-light-background-color: #EBF2F4
   *  $seconday-light-background-color: #EDF3F4
   *  $primary-title-color: #003874
   *  $primary-link-color: blue
   *  $primary-invalied-background: #d9534f
   *  $widget-container-title: #3b3b3b
   *  $menu-container: #A5A6A8
   *  $dx-field-label: grey
   *  $button-text: var(--deblue)
   *  $line-colour: #cdcdcd
   *  $alr-row: #F3F2F2
   *  $field-label: #8c8c8c
   *  $tab-border: #4986A2
   *  $tab-background: #F1F2F4
   *  $tab-selected-border: #C4C5C6
   *  $tab-selected-background: #4E8AA4
   *  $header-row-background: #b7d8dc
   *  $pivot-grid-background: #DFEAEC
   *  $edit-details-colour: #808093
   *  $resort-button-color: #f44336
   *  $resort-hover-color: #cc362b
   *  $mobile-avail-search-button: #003975
   *  $headding-1:#0076AD
   *  $seconday-2-colour:#c5cbd3
   *  $seconday-3-colour:#7f9bb9
   *  $seconday-4-colour:var(--deblueh)
   *  $seconday-5-colour:#00a4c9
   *  $holdBackground: #f78029
   *  */
/*  $primary-font-color: #333
   *  $primary-error-font-color: red
   *  $primary-light-border-color: #7EACB1 //done
   *  $primary-light-background-color: #EBF2F4
   *  $seconday-light-background-color: #EDF3F4
   *  $primary-title-color: #008f8d //done
   *  $primary-link-color: blue
   *  $primary-invalied-background: #d9534f
   *  $widget-container-title: #3b3b3b
   *  $menu-container: #A5A6A8
   *  $dx-field-label: grey
   *  $button-text: var(--deblue)
   *  $line-colour: #cdcdcd
   *  $alr-row: #F3F2F2
   *  $field-label: #8c8c8c
   *  $tab-border: #4986A2
   *  $tab-background: #F1F2F4
   *  $tab-selected-border: #C4C5C6
   *  $tab-selected-background: #4E8AA4
   *  $header-row-background: #b7d8dc
   *  $pivot-grid-background: #DFEAEC
   *  $edit-details-colour: #808093
   *  $resort-button-color: #f44336
   *  $resort-hover-color: #cc362b
   *  $mobile-avail-search-button: #003975
   *  $headding-1:#008f8d //done
   *  $seconday-2-colour:#c5cbd3
   *  $seconday-3-colour:#7f9bb9
   *  $seconday-4-colour:var(--deblueh)
   *  $seconday-5-colour:#00a4c9
   *  $holdBackground: #f78029
   *  */


/*  $primary-font-color: #333
   *  $primary-error-font-color: red
   *  $primary-light-border-color: #7EACB1
   *  $primary-light-background-color: #EBF2F4
   *  $seconday-light-background-color: #EDF3F4
   *  $primary-title-color: #003874
   *  $primary-link-color: blue
   *  $primary-invalied-background: #d9534f
   *  $widget-container-title: #3b3b3b
   *  $menu-container: #A5A6A8
   *  $dx-field-label: grey
   *  $button-text: var(--deblue)
   *  $line-colour: #cdcdcd
   *  $alr-row: #F3F2F2
   *  $field-label: #8c8c8c
   *  $tab-border: #4986A2
   *  $tab-background: #F1F2F4
   *  $tab-selected-border: #C4C5C6
   *  $tab-selected-background: #4E8AA4
   *  $header-row-background: #b7d8dc
   *  $pivot-grid-background: #DFEAEC
   *  $edit-details-colour: #808093
   *  $resort-button-color: #f44336
   *  $resort-hover-color: #cc362b
   *  $mobile-avail-search-button: #003975
   *  $headding-1:#0076AD
   *  $seconday-2-colour:#c5cbd3
   *  $seconday-3-colour:#7f9bb9
   *  $seconday-4-colour:var(--deblueh)
   *  $seconday-5-colour:#00a4c9
   *  $holdBackground: #f78029
   *  */
/*  $primary-font-color: #333
   *  $primary-error-font-color: red
   *  $primary-light-border-color: #7EACB1 //done
   *  $primary-light-background-color: #EBF2F4
   *  $seconday-light-background-color: #EDF3F4
   *  $primary-title-color: #008f8d //done
   *  $primary-link-color: blue
   *  $primary-invalied-background: #d9534f
   *  $widget-container-title: #3b3b3b
   *  $menu-container: #A5A6A8
   *  $dx-field-label: grey
   *  $button-text: var(--deblue)
   *  $line-colour: #cdcdcd
   *  $alr-row: #F3F2F2
   *  $field-label: #8c8c8c
   *  $tab-border: #4986A2
   *  $tab-background: #F1F2F4
   *  $tab-selected-border: #C4C5C6
   *  $tab-selected-background: #4E8AA4
   *  $header-row-background: #b7d8dc
   *  $pivot-grid-background: #DFEAEC
   *  $edit-details-colour: #808093
   *  $resort-button-color: #f44336
   *  $resort-hover-color: #cc362b
   *  $mobile-avail-search-button: #003975
   *  $headding-1:#008f8d //done
   *  $seconday-2-colour:#c5cbd3
   *  $seconday-3-colour:#7f9bb9
   *  $seconday-4-colour:var(--deblueh)
   *  $seconday-5-colour:#00a4c9
   *  $holdBackground: #f78029
   *  */
.dx-menu-item-text {
  font: 14px arial, sans-serif;
}




.dx-datagrid-content .dx-datagrid-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px;
}

.PointsTransactionsRowStyle {
  color: black;
  font-size: 14px;
  font-weight: bold;
}

#AccountsSummary .dx-field-label.header2 {
  vertical-align: top;
  text-align: left;
  color: var(--degold);
  font-weight: bolder;
  font-size: 18px;
  width: 100p;
}

#AccountsSummary .dx-field-value.header2 {
  vertical-align: top;
  text-align: left;
  color: var(--degold) !important;
  font-weight: 400 !important;
  font-size: 18px;
  text-align: right;
}

#AccountsSummary .dx-field-label.header1 {
  vertical-align: top;
  text-align: left;
  color: grey;
  font-weight: bold !important;
  font-size: 16px;
}

#AccountsSummary .dx-field-value.header1 {
  vertical-align: top;
  text-align: left;
  color: grey !important;
  font-weight: bold !important;
  font-size: 16px;
  text-align: right;
}

#AccountsSummary .dx-field-label {
  font-weight: bold !important;
  width: 50% !important;
}

#AccountsSummary .dx-field-value {
  font-weight: bold !important;
  width: 50% !important;
  text-align: right;
}

#AccountsSummary .dx-fieldset {
  margin: 0px;
  padding: 5px;
}

#pageHeader {
  color: var(--degold);
  font-size: 21px;
  font-weight: bold;
}

.filterText {
  color: var(--degold);
  font-size: 21.3333px;
  font-weight: bold;
}

div[id^="pointSummaryData"] .dx-field-label.header2 {
  vertical-align: top;
  text-align: left;
  color: var(--degold);
  font-weight: bolder;
  font-size: 18px;
}

div[id^="pointSummaryData"] .dx-field-value.header2 {
  vertical-align: top;
  text-align: left;
  color: var(--degold) !important;
  font-weight: 400 !important;
  font-size: 18px;
  text-align: right;
}

div[id^="pointSummaryData"] .dx-field-label.header1 {
  vertical-align: top;
  text-align: left;
  color: grey;
  font-weight: bold !important;
  font-size: 16px;
}

div[id^="pointSummaryData"] .dx-field-value.header1 {
  vertical-align: top;
  text-align: left;
  color: grey !important;
  font-weight: bold !important;
  font-size: 16px;
  text-align: right;
}

div[id^="pointSummaryData"] .dx-field-label {
  font-weight: bold !important;
  width: 50% !important;
}

div[id^="pointSummaryData"] .dx-field-value {
  font-weight: bold !important;
  width: 50% !important;
  text-align: right;
}

div[id^="pointSummaryData"] .dx-fieldset {
  margin: 0px;
  padding: 5px;
}

/*#headerLogo {
  padding: 0px;
  width: 100%;
  margin-top: 15px !important;
  margin-left: 20px !important;
}*/

#contactUsForm .email {
  font-weight: bold;
  font-size: 22pt;
  text-align: left;
  color: var(--degold);
}

#contactUsForm .us {
  font-weight: bold;
  font-size: 22pt;
  text-align: left;
  padding-left: 4px;
  color: #7f9bb9;
}

#contactUsPage .rcornersSmall {
  width: unset;
  border-radius: 3px !important;
}

#contactUsPage .memberQueryTitle {
  font-size: 16px;
  text-align: left;
  color: #7f9bb9;
}

.subContent {
  color: #666666;
  display: block;
  padding-left: 0px;
  font-size: 13px;
}

#loginActionsTemplate a:link,
#loginActionsTemplate a:visited,
#loginActionsTemplate a:hover,
#loginActionsTemplate a:active {
  color: blue !important;
  text-decoration: underline;
}

.resetLnk {
  color: blue !important;
  text-decoration: underline;
  text-align: right;
  font-size: 14px;
}

div.spacer.light-gray-bg {
  overflow: hidden;
  width: 1px;
  height: 1px;
  background-color: #cdcdcd;
}

#resortSearchPanel {
  margin-top: 30px;
}

.resortSearchPanelContainer {
  padding: 20px !important;
}

.searchTitle {
  font-size: 21px;
  color: var(--degold);
  font-weight: bold;
  text-transform: UPPERCASE;
}

#resortSearchPanel .cornerBox,
#resortFilterPanel .cornerBox {
  width: 355px;
  background-color: var(--dhrbackground) !important;
  border-radius: 0.25rem;
  border-left: 5px solid var(--degold);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .125) !important;
}

#resortDirectoryPanel {
  width: 100%;
}

#resortDirectoryPanel .searchResultsTitle {
  font-size: x-large;
  color: var(--degold);
  font-weight: bold;
  margin-bottom: 20px;
}

#resortDirectoryPanel .cornerBox {}

.greyBox {
  border-radius: 3px;
  border: 1px solid #cccccc;
  background: var(--dhrbackground);
}



.dx-button-text {
  padding: 0px;
  color: var(--deblue);
}

.dx-button-content {
  padding: 0px;
  color: var(--deblue);
  font-size: 14px;
  padding: 1px;
}

#resortSearchPanel div.dx-button-content:hover {
  padding: 0px;
  color: var(--deblue);
  font-size: 14px;
  padding: 1px;
}

#resortSearchPanel .boldTitle {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  margin: auto;
}

#resortSearchPanel .subTitle {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 5px;
}

#headerResortQuickSearch {

  float: right;
  position: relative;
  top: 5px;
  display: none !important;
}

#headerResortQuickSearch .boldTitle {
  display: none;
}

#headerResortQuickSearch #quickSearchSpacer {
  display: none;
}

#widgetContainerContents_ResortSearch .boldTitle {
  display: none;
}

#widgetContainerContents_ResortSearch #quickSearchSpacer {
  display: none;
}

.dx-scrollable-content {
  width: 100%;
}

#gridContainerAddress .dx-datagrid {
  background-color: unset !important;
}

.dx-placeholder:before {
  font-size: 14px;
  padding-left: 2px;
}

.readMore {
  color: blue;
  font-size: 14px;
  float: right;
  text-align: right;
  cursor: pointer;
  padding-right: 10px;
  font-weight: bold;
}

.resortName {
  color: var(--degold);
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  margin-top: 10px;
}

.district {
  color: #00a4c9;
  font-style: italic !important;
  text-align: left;
  font-size: 14px;
  padding-bottom: 2px;
}

.iconBlock {
  float: right;
  text-align: right;
}

.description {
  font-size: small;
  width: 100%;
  padding-left: 5px;
  white-space: normal;
  min-width: 100px;
}

.line {
  background-color: #cdcdcd;
  width: 1px;
  margin: auto;
  height: calc(100% - 10px);
}

.line2 {
  background-color: #cdcdcd;
  width: 100%;
  margin: auto;
  height: 1px;
}

.idealFor {
  text-align: left;
  padding-bottom: 1px;
  font-size: 11px;
  white-space: nowrap;
  padding-top: 0px;
  font-weight: bold;
}

.idealForIcons {
  display: flex;
  flex-flow: wrap;
  width: 100%;
}

.resortResultRowTemplate {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--degold);
  
}




.resortResultRowTemplateAlt {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;

}


.resortInfo {
  width: 450px;
}

.idealForLabel {
  font-size: 9px;
  text-align: center;
  white-space: nowrap;
}

.dx-pager {
  border-radius: 3px;
  border: 0px solid transparent;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  display: none !important;
}

.dx-pager .dx-page-sizes .dx-page-size {
  padding: 5px !important;
}

.dx-pager .dx-pages .dx-page {
  padding: 5px !important;
}

#resortDetailsTemplate .resortName {
  color: var(--degold);
  font-size: 21px;
  text-transform: uppercase;
}

#resortDetailsTemplate .resortArea {
  color: var(--degold);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}

#AccountsOverviewDiv {
  border-radius: 6px;
  width: 170px;
  height: 110px;
  border: 1px solid #25aec5;
  background: #ebf2f4;
  vertical-align: top;
}

.AccountViewDiv {
  border-radius: 6px;
  width: 170px;
  height: 110px;
  border: 1px solid #25aec5;
  background: #ebf2f4;
  vertical-align: top;
}

.dx-field-label {
  color: #8c8c8c;
  cursor: default;
  padding: 0px 0px 0px 0;
  width: 210px;
  font-weight: bolder;
  font-size: 14px;
}

.dx-field {

  min-height: 1px;
  font-size: 14px;
}

.dx-fieldset {
  margin: 0px;
  padding: 0px;
}

.dx-field-value-static,
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 40%;
  color: #8c8c8c;
}

.tabpanel-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 5px;
  padding-top: 5px;
}

.mobile .tabpanel-item {
  padding-top: 10px;
}

.tabpanel-item>div {
  float: left;


}

.tabpanel-item p {
  font-size: 16px;
  margin: 0;
}

.item-box {
  font-size: 16px;
  margin: 15px 0 45px 10px;
}

.options {
  padding: 20px;
  background-color: rgba(191, 191, 191, 0.15);
  margin-top: 20px;
}

.caption {
  font-size: 18px;
  font-weight: 500;
}

.option {
  margin-top: 10px;
}

.dx-tab {
  padding: 2px;
  background-color: white;
  color: var(--deblue);
  border-top-color: #4986a2;
  border-right-color: #4986a2;
  border-left-color: #4986a2;
  border-bottom: 1px solid transparent;
  background: white
}

.dx-tab-selected {

  background: var(--degold) !important;
  color: white !important;
  height: 40px;
}

.dx-tabpanel>.dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
.dx-tabpanel>.dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
  color: white !important;
  font-size: 14px;
}

.dx-tab-content {
  display: inline-block;
  max-width: 100%;
  color: black;
  font-size: 14px;
}

.dx-tabpanel .dx-tabs .dx-tab {
  color: #ddd;
  border-right: 1px solid #ddd;
}

.dx-tabpanel .dx-tabs .dx-tab .dx-tab-content {
  color: black;
}


.dx-tabpanel .dx-tabs {
  display: block;
  border: none;
  background-color: unset !important;
  color: white;
}

.dx-field:after,
.dx-field:before {
  display: block;
  content: "";
  line-height: 0;
}

.dx-field-value-static,
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 120px;
  color: #8c8c8c;
  font-weight: bold;
}

.dx-datagrid-nowrap,
.dx-datagrid-nowrap .dx-header-row>td>.dx-datagrid-text-content {
  white-space: normal !important;
 
}

.dx-widget {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35715;
}

#accountPage .dx-datagrid .dx-column-lines>td {     white-space: break-spaces; 
  border-left: 0px solid #ddd;
  border-right: 0px solid #ddd;
  padding-left: 5px;
  padding-right: 5px;
}

#accountPage .dx-texteditor.dx-editor-outlined {
  background: #fff;

  border-radius: 0.25rem;
}

.dx-datagrid-content .dx-datagrid-table .dx-header-row>td {
  border-left: 1px solid var(--deblue) !important;
  border-right: 1px solid var(--deblue) !important;
  border-bottom: 1px solid var(--deblue) !important;
  background: var(--degold);
  padding-left: 5px;
  height: 50px;
  color: white;
  padding-right: 5px;
}

.dx-device-mobile .dx-fieldset {
  margin: 0 0;
  padding: 0;
}

.tabpanel-item {
  height: 100%;
  min-width: 100%;
}



.dx-item .dx-tab .dx-state-hover {
  background-color: unset;
}

.dx-tabpanel-container {
  --bs-bg-opacity: 1;
}

.dx-button-normal.dx-state-hover .dx-button-content {
  color: var(--degold) !important;
}

#countryTitle {
  color: var(--degold);
  font-size: 16px;
  font-weight: bold;
}

#areaTitle {
  color: #000000;
  font-size: 14px;
}

.idealForTitle {
  color: var(--degold);
  font-size: 16px;
  font-weight: bold;
}

.NotSureWhatThisIsFor {
  background-color: #cdcdcd;
  width: 100%;
  margin: auto;
  height: 1px;
  margin: 10px 0px 5px 0px;
}

.resDetailsHorizLine {
  background-color: #00a4c9;
  margin: auto;
  height: 1px;
  margin: 5px 5px 5px 0px;
}

.descriptionTitle {
  color: var(--degold);
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}


#resortGallery {
  margin: auto;
  max-width: 450px;
}

.loginActions {
  text-align: right;
  padding-right: 7px;
  padding-top: 30px;
  width: 100%;
}



.faqTitle {
  font-size: 21px;
  color: var(--degold);
  font-weight: bold;
  vertical-align: middle;
  margin: auto 0;
  white-space: nowrap;
}

.faqSubTitle {
  font-size: 14px;
  color: Gray;
  font-weight: bold;
  white-space: nowrap;
  padding-bottom: 2px;
  cursor: pointer;
  padding-left: 8px;
}

.faqPageTitle {
  color: var(--degold);
  font-size: 29px;
  font-weight: bold;
  white-space: nowrap;
}

.faqSubSubTitle {
  font-size: 14px;
  color: Gray;
  font-weight: bold;
  white-space: nowrap;
  padding-bottom: 2px;
  cursor: pointer;
}

.faqSubSubTitleExpanded {
  font-size: 14px;
  color: Gray;
  font-weight: bold;
  white-space: nowrap;
  padding-bottom: 2px;
  cursor: pointer;
}

#resortPointsGrid.dx-widget {
  font-weight: unset;
  line-height: unset;
  color: Black !important;
  font-size: 14px;
}

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  content: unset;
  position: absolute;
  display: block;
  width: unset;
  top: unset;
  margin-top: unset;
  left: unset;
  margin-left: unset;
  background-color: #dfeaec;
  font-weight: normal;
  text-align: left;
}

.dx-pivotgrid .dx-expand-icon-container {
  margin-left: 0px;
  margin-right: 0;
  width: 0px;
}

.dx-pivotgrid .dx-pivotgrid-expanded {
  cursor: unset;
}

.dx-pivotgrid .dx-pivotgrid-area td {
  color: unset;
  padding: 7px 10px;
}

.dx-placeholder {
  position: absolute;
  left: 5px;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;
}

#resortPointsGrid .dx-pivotgrid-vertical-headers {
  background-color: var(--deblueh);
  color: white;

}

#resortPointsGrid .dx-pivotgrid-horizontal-headers {
  background-color: var(--degold);
  color: white;
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  text-align: center;
  color: #333;
  white-space: nowrap;
  border-left: 1px solid #ddd;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  padding: 3px;
}

#ctrlEditNameContacts .dx-datagrid-header-panel {
  display: none;
}

#ctrlEditNameContacts .dx-datagrid .dx-column-lines>td {
  border: 0;
}

#ctrlEditNameContacts .dx-datagrid {
  color: #333;
  background-color: unset !important;
}

#Grid_CommunicationPreferences .myHeader {
  color: var(--degold);
  font-weight: bold;
  font-size: 22pt;
}

#Grid_CommunicationPreferences .comm {
  color: black;
  font-weight: bold;
}

#Grid_AdCommunicationPreferences .comm {
  color: black;
  font-weight: bold;
}

#Grid_CommunicationPreferences .extradesc {
  color: Black;
  cursor: default;
}

#Grid_CommunicationPreferences .sectionTitle {
  font-weight: bold;
}

#Grid_CommunicationPreferences .SubsectionsTitle {
  font-weight: bold;
  font-size: 12pt;
  color: var(--degold);
}

#Grid_CommunicationPreferences .SubsectionsExtraDescription {
  color: Black;
  cursor: default;
  font-size: 14px;
}

#Grid_HolidayPreferences .myHeader {
  color: var(--degold);
  font-weight: bold;
  font-size: 22pt;
}

#Grid_HolidayPreferences .extradesc {
  color: Black;
  cursor: default;
}

#Grid_HolidayPreferences .sectionTitle {
  font-weight: bold;
}

#Grid_HolidayPreferences .MainSubTitle {
  font-size: 22pt;
  color: var(--degold);
  font-weight: bold;
}

#Grid_HolidayPreferences .SubsectionTitle {
  font-size: 16pt;
  color: var(--degold);
  font-weight: bold;
}

#Grid_HolidayPreferences .SubsectionsTitle {
  font-weight: bold;
  font-size: 12pt;
  color: var(--degold);
}

#Grid_HolidayPreferences .SubsectionsExtraDescription {
  color: Black;
  cursor: default;
}

#Grid_AdCommunicationPreferences .myHeader {
  color: var(--degold);
  font-weight: bold;
  font-size: 22pt;
}

#Grid_AdCommunicationPreferences .extradesc {
  color: Black;
  cursor: default;
}

#Grid_AdCommunicationPreferences .sectionTitle {
  font-weight: bold;
}

#Grid_AdCommunicationPreferences .SubsectionsTitle {
  font-weight: bold;
  font-size: 12pt;
  color: var(--degold);
}

#Grid_AdCommunicationPreferences .SubsectionsExtraDescription {
  color: Black;
  cursor: default;
}

#Grid_CommunicationPreferences .RadBox {
  float: right;
  margin-right: 10px;
  padding-bottom: 5px;
}

#Grid_AdCommunicationPreferences .RadBox {
  float: right;
  margin-right: 10px;
}

#Grid_HolidayPreferences .RadBox {
  margin: auto;
  padding-left: 250px;
}

.availBtnContainer {
  width: 60%;
}

.availBtnRowContainer {
  display: flex;
  padding-top: 5px;
  justify-content: flex-end;
 
  padding-bottom: 20px;
  border-bottom: 2px solid var(--degold);
}



.availFromTxt {
  width: 40%;
  font-size: 14px;
  font-weight: bold;
  margin: auto 0;
  padding-left: 5px;
}



.pointsTitle {
  color: var(--degold);
  font-size: 22px;
  font-weight: bold;
  padding-left: 2px;
}

.pointsStatementTitle {
  color: var(--degold);
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 25px;
  font-size: 18px;
}

.pointsTransactionsTitle {
  color: var(--degold);
  font-size: 20px;
  font-weight: bold;
  padding-left: 8px;
  padding-top: 8px;
}

.prefAnswerRowColapse {
  position: relative;
  top: -20px;
  height: 0px;
}

.blueHorisontalLine {
  border-bottom: 1px solid #00a4c9;
  margin-bottom: 5px;
}

.spacer2 {
  width: 5px;
  height: 5px;
}

.editDetailsLabel {
  color: #808093;
  font-size: 14px;
  white-space: nowrap;
  font-weight: bold;
  width: 70px;
}

.editDetailsValue {
  color: #808093;
  font-size: 14px;
  white-space: nowrap;
  float: right;
  text-align: left;
}

#content {
  margin: auto;
}

.widgetSpeicalsTitle {
  font-size: 16px;
  color: var(--degold);
  font-weight: bold;
}

.widgetTitle {
  font-size: 12pt;
  font-weight: bold;
  color: var(--degold);
}

.disabled {
  -moz-opacity: 0.2;
  filter: alpha(opacity=20);
  opacity: 0.2;
  cursor: default !important;
}

.enabled {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: pointer !important;
}

#listHeading {
  font-size: 12pt;
  color: var(--degold);
  font-weight: bold;
}

.listLine {
  height: 1px;
  width: 100%;
  background-color: #00a4c9;
}

#listContents {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35715;
}


.myAccHeadding {
  font-size: 16px;
  color: Gray;
  font-weight: bold;
}

.dx-treelist-table .dx-row .dx-command-select {
  width: 20px;
  min-width: 20px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  padding: 0;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
}

.dx-select-checkboxes-hidden {
  visibility: visible !important;
}

.dx-list-item-content {
  font-size: 14px;
}

.AddToBasket {
  background-color: white;
  color: var(--degold);
  width: 150px;
  height: 30px;
  border-radius: 5px;
}

#complexName {
  white-space: nowrap;
}

#listContents {
  color: Gray;
  font-size: 14px;
}


#row #resortResultRowTemplate #resortInfo {
  width: 100% !important;
}


a#resort-btn {
  text-decoration: none;
  color: white !important;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 3px;
  margin-bottom: 10px;
  display: inline-block;
  color: white !important;
  margin-left: 10px;
  background: #f44336;
}

a#resort-btn:hover {
  background: #cc362b;
}

.InputStyle {
  text-align: right;
  background-color: #ffffff;
  color: #000000;
}

#crDetails {
  font-size: 14px;
}

#StaticForm {
  font-size: 14px;
}

.dx-tabpanel>.dx-tabpanel-tabs .dx-tabs {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tabs {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.dx-freespace-row {
  height: 0px !important;
}

.dx-pager .dx-page-sizes {
  float: right;
}

.dx-pager .dx-pages {
  float: left;
}

.dx-pager .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: 0.6;
  padding-left: 5px;
}



.dx-tabpanel .dx-tab {
  width: unset !important;
  padding-left: 10px;
  padding-right: 10px;
}

.combinedStat {
  color: var(--degold);
  font-size: 16px;
  font-weight: bold;
}

.myAccounts {
  font-size: 20px;
  margin-bottom: 10px !important;
}

.dx-datagrid-rowsview .dx-row.dx-row-lines,
.dx-datagrid-rowsview .dx-row.dx-row-lines>td,
.dx-datagrid-rowsview .dx-row.dx-row-lines>tr>td {
  border-top: none;
  border-color: #c2d4da;
}

.dx-datagrid .dx-link {
  text-decoration: underline !important;
}

#gridTransactions .dx-texteditor.dx-editor-outlined {
  background: unset !important;
  border: unset !important;
  text-align: right;
  opacity: unset;
}

#gridTransactions .dx-texteditor-input {
  margin: unset !important;
  padding: unset !important;
  background: unset !important;
  color: unset !important;
  font-size: unset !important;
  border-radius: unset !important;
  min-height: unset !important;
}

#gridTransactions .dx-datagrid-summary-item.dx-datagrid-text-content {
  color: #000000 !important;
}

#gridTransactions .dx-datagrid-total-footer>.dx-datagrid-content {
  padding-top: unset;
  padding-bottom: unset;
}

.dx-toolbar-label>div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 -5px;
  padding: 0 5px;
  font-weight: bold;
  font-size: medium;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {

  overflow: visible;
}

.dx-field-item-label-text {
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
  color: var(--deblueh)
}

.dx-texteditor.dx-state-readonly {
  border-width: 0px !important;
  background-color: unset !important;
  font-size: 14px;
  font-weight: normal;
  color: #808093;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input {
  border-width: 0px !important;
  background-color: unset !important;
  font-size: small;
  font-weight: normal;
  color: #808093;
}

.dx-texteditor.dx-state-readonly .dx-placeholder {
  display: none;
}

#editTelNosDemo .dx-datagrid {
  border-width: 0px !important;
  background-color: unset !important;
  font-size: 14px;
  color: #808093 !important;
  background-color: unset !important;
}

#editTelNosDemo td[aria-colindex="1"] {
  font-weight: bold;
  border: 0px solid black !important;
}

#editTelNosDemo .dx-datagrid .dx-column-lines>td:last-child {
  border-right: none;
  border: 0px;
  /*background-color: white;*/
}


.dx-highlight-outline {
  position: relative;
  padding: 2px !important;
}

.dx-highlight-outline {
  padding: unset;
  height: 21px !important;
}

.dx-widget input,
.dx-widget textarea {
  line-height: 1.35715;
}

#editFormActual_editTelNoContacts .dx-datagrid-header-panel {
  display: none;
}

#widgetContainerButtons .dx-button-text {
  padding-left: 10px;
  padding-right: 10px;
}

.widgetContainer {
  display: grid;
}

#xtxtArrearsAmount input[type="text"] {
  text-align: right;
}

#xtxtAmount input[type="text"] {
  text-align: right;
}

#xtxtTotalAmountPaying input[type="text"] {
  text-align: right;
}

#xtxtTotalAmountPaying.dx-texteditor.dx-state-readonly {
  background: #fff !important;
  border: 1px solid #25aec5 !important;
  border-radius: 0px !important;
  font: 14px arial, sans-serif !important;
  font-weight: bold !important;
  color: #808093 !important;
}

#xtxtTotalAmountPaying .dx-texteditor.dx-state-readonly {
  background: #fff !important;
  border: 1px solid #25aec5 !important;
  border-radius: 0px !important;
  font: 14px arial, sans-serif !important;
  font-weight: bold !important;
  color: #808093 !important;
}

.dx-datagrid-focus-overlay {
  border: 0px solid #5c95c5;
}

.dx-popup-bottom.dx-toolbar {
  padding: 0px !important;
  overflow: visible;
}

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area .dx-pivotgrid-vertical-headers span {
  white-space: nowrap;
}

#kanban {
  white-space: nowrap;
}

.list {
  border-radius: 8px;
  margin: 0px;
  background-color: rgba(192, 192, 192, 0.4);
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: calc(50% - 5px);
}

.list-title {
  font-size: 16px;
  padding: 10px;
  padding-left: 30px;
  margin-bottom: -10px;
  font-weight: bold;
  cursor: pointer;
}

.sortable-cards {
  min-height: 380px;
}

.widget-card {
  position: relative;
  background-color: white;
  box-sizing: border-box;
  padding: 5px;
  margin: 5px;
  cursor: pointer;
}

.card-subject {
  padding-bottom: 10px;
}

.card-assignee {
  opacity: 0.6;
}

.card-priority {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 5px;
  width: 5px;
  border-radius: 2px;
  background: #86c285;
}

.priority-1 {
  background: #adadad;
}

.priority-2 {
  background: #86c285;
}

.priority-3 {
  background: #edc578;
}

.priority-4 {
  background: #ef7d59;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both>.dx-scrollable-wrapper>.dx-scrollable-container>.dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical>.dx-scrollable-wrapper>.dx-scrollable-container>.dx-scrollable-content {
  padding-right: 0px;
}

#gridTotal .dx-datagrid-rowsview {
  border-top: none;
}

#gridTotal .dx-datagrid-headers.dx-datagrid-nowrap {
  display: none;
}

#gridTotal tr.dx-row.dx-data-row {
  color: #777777;
  font-weight: bold;
}

#gridTotal .dx-datagrid-summary-item.dx-datagrid-text-content {
  color: var(--degold);
}

#rptBookingFees .dx-list .dx-empty-message {
  padding: 2px;
}

#rptBookingFee .dx-list-item-content {
  padding: 2px;
}

.dx-invalid-message.dx-overlay-wrapper {
  white-space: nowrap;
}

.dx-overlay-content.dx-invalid-message-content.dx-resizable {
  max-width: unset !important;
}

.dx-invalid-message>.dx-overlay-content {
  max-width: unset !important;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 20px;
  font-size: 10px;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 0px 0px 0px;
}

#xgvwAvailabilityOnHold {
  font-weight: bold !important;
}

.availFilterHeadings {
  color: var(--degold);
  font-weight: 700;
  font-size: 12pt;
}

table.footer-frame {
  background: url(../images/master/thcFooter.jpg) no-repeat;
  width: 100%;
  height: 167px;
}

table.footer-frame,
table.footer-frame span {
  color: White;
}

table.footer-frame td.footer-frame-spacer {
  height: 65px;
}

table.footer-frame td.footer-frame-content {
  width: 200px;
  vertical-align: top;
  padding: 15px 15px 0px 15px;
}

table.footer-frame td.footer-frame-content-divider {
  background: url(../images/thcVertDeviderFooter.jpg) no-repeat bottom;
  width: 1px;
}

table.footer-frame td.footer-frame-content-heading {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}

table.footer-frame td tr a:active {
  color: #ffffff;
  text-decoration: none;
}

.footer-panel-short-textbox {
  width: 128px;
  height: 15px;
  font-size: 10px;
}

.footer-panel-long-textbox {
  width: 260px;
  height: 15px;
  font-size: 10px;
}

/* ======================================================================================================*/
table.footer-logos {
  width: 100%;
  margin-top: 5px;
}

table.footer-logos td {
  text-align: center;
}

/* ============================================================================================================================ */




#submit {
  background: #fff;
  background-color: white !important;
  border-radius: 6px !important;
  margin-top: 20px !important;
  float: right !important;

  border: 1px solid var(--degold);
}

#StaticForm>div>div:nth-child(6) {
  margin-top: 10px !important;
}

#StaticForm>div>div:nth-child(8) {
  margin-top: 10px !important;
}

#StaticForm>div>div:nth-child(14) {
  margin-top: 10px !important;
}

#StaticForm>div>div:nth-child(16) {
  margin-top: 10px !important;
}

#StaticForm>div>div:nth-child(12) {
  margin-top: 10px !important;
}

#xtxtCVVNumber {
  width: 35% !important;
}

#StaticForm>div>div:nth-child(10) {
  margin-top: 10px !important;
}

#sectionDetails {
  padding: 10px;
  border-style: groove;
  border-radius: 6px;
  background: white;
}

@media screen and (max-width: 768px) {
  .availBtnRowContainer {
    display: flex;
    padding-top: 5px;
    justify-content: center;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--degold);
    /* align-items: center; */
    flex-wrap: wrap;
  }
  
  #statusSearchOpts {
    width: 100% !important;
  }

#xSearchResort{

  flex-direction: column;
}
#xCountry{
  flex-direction: column;
}

#xArea{
  flex-direction: column;

}

#ctrlSelectInternationalResort .dx-button{

  width: 100% !important;
}


  div[id^=resortInfo]>img {
    width: 100% !important;
  height: 100% !important;
}

h3[id^=ResortName_] {
margin-left: unset !important;
margin-top: 10px;
}



button[id^=expandCollapse] {

  margin-left: unset !important;
}


  #resortLayoutGallery{

    width: auto !important;
    height: auto !important;
  }
  #resortPointsGrid{
    overflow-x: scroll;
  }
  .availBtnRowContainer {
margin: 10px !important;
padding: 0px !important;
  }

  #resortLayoutGallery{
    width: 100% !important;
    height: 100% !important;
  }

  #resortLayoutPopUp{
    width: 100% !important;
    height: 100% !important;
  }

  #readMore{
    gap: unset !important;
    justify-content: space-around !important;
  }

#readMore .btn{
  max-width: unset !important;
  min-width: unset !important;
}

  #benefitsGridOptions {
    display: block !important;
  }

  #gridAccountOverview>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-last-row-border.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios>div>div>div>div>table>div>div:nth-child(1)>div {

    background: var(--degold);
  }
}

@media screen and (max-width: 768px) {

  #resortSearchPanel {
    margin-top: unset;
}

  #resortDetails > div:nth-child(3){
    margin-left: unset !important;
    min-width: 100% !important;
  }

  .faqPageTitle {
    font-size: 20px !important;
  }

  /* #headerLogo {
    height: 60px;
  }*/

  #headerLogoDiv {
    position: absolute;
    top: 5px;
    left: 5px;
  }

  .faqSubTitle {
    font-size: 16px !important;
    white-space: break-spaces !important;
  }

  .faqSubSubTitle {
    white-space: break-spaces !important;
    padding-bottom: 10px !important;
    font-size: 16px !important;
  }

  .faqSubSubTitleExpanded {
    font-size: 16px !important;
    white-space: break-spaces !important;
  }

  #faqSubsectionsSpacer {
    width: 10px !important;
  }

  .myTitleAction {
    display: block;
    width: 25px;
    height: 25px;
  }

  .myAccounts {
    display: inline-flex !important;
    width: 100%;
    font-size: 20px !important;
    justify-content: space-around;
  }

  .headerText {
    width: 100% !important;
  }

  .pymtOpnsTitle {
    width: 100% !important;
  }

  #myAccountsContent {
    display: none;
  }

  #printTransactionsGrid {
    display: none;
  }



  .rcorners1Mobile {
    width: 98%;
    position: absolute;
    top: 189px;
    font-size: 14px;
    background-color: white;
    font-weight: bold;
    display: none;
  }



  #pymtOpnsContent {
    display: none;
  }

  #memberDetailsContent {
    display: none;
    padding-top: 5px;
    width: unset !important;
  }

  .memberDetailsBox {
    height: unset !important;
  }

  #accPaymentsFinTransactions {
    font-size: 16px !important;
  }

  #sumData {
    display: grid !important;
  }

  #memberDetailsBox {
    height: 34px !important;
    display: block;
    border-radius: 6px;
    height: unset !important;
    background: var(--dhrbackground);
    padding: 5px;
  }

  #accountOverviewContent {
    display: none;
  }

  .accountOverviewTxt {
    width: 100%;
  }

  #accountPage {
    display: grid !important;
  }

  #crDetails {
    font: 14px arial, sans-serif;
    word-break: break-word !important;
    width: 100% !important;
  }

  #quickSearchBox {
    width: 100%;
  }

  .dx-lookup-empty .dx-lookup-field {
    color: black;
  }

  .dx-placeholder {
    color: black;
  }

  .dx-scrollable-scroll.dx-state-invisible {
    opacity: 1 !important;
  }



  .dx-field-label {
    font-size: 11px;
    font-weight: bold !important;
  }

  #AccountsSummary .dx-field-label.header2 {
    font: 16px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #AccountsSummary .dx-field-value.header2 {
    font: 16px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #AccountsSummary .dx-field-label.header1 {
    font: 14px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #AccountsSummary .dx-field-value.header1 {
    font: 14px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #pointSummary .dx-field-label.header2 {
    font: 16px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #pointSummary .dx-field-value.header2 {
    font: 16px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #pointSummary .dx-field-label.header1 {
    font: 14px arial, sans-serif !important;
    font-weight: bold !important;
  }

  #pointSummary .dx-field-value.header1 {
    font: 14px arial, sans-serif !important;
    font-weight: bold !important;
  }

  .list {
    border-radius: 8px;
    margin: 0px;
    background-color: rgba(192, 192, 192, 0.4);
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 100% !important;
  }

  .dx-scrollview-content {
    display: grid !important;
    width: 100% !important;
  }

  #widgetBtns {
    display: none !important;
  }

  #availabilityPage {
    display: none !important;
  }

  #resortInfo {
    width: unset !important;
  }

  .availFromTxt {
    width: 100% !important;
  }

  .description {
    width: 100%;
    font-size: 14px !important;
    padding-left: 5px;
    white-space: normal;
    min-width: unset !important;
  }

  .idealForIcons {
    width: 100%;
  }

  .resortName {
    font-size: large !important;
    font-weight: bold !important;
    text-align: center !important;
  }



  #xbtnConfirm {
    width: 100% !important;
    height: 45px !important;
    background: var(--deblue);
  }

  #tabpanel-container .dx-tab-content {
    display: inline-block;
    max-width: 100%;
    color: black;
    font-size: 14px;
    font-weight: bold;
  }

  #tabpanel-container .dx-tabpanel>.dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
  .dx-tabpanel>.dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
    color: white !important;
    font-family: arial, sans-serif;
    font-size: 14px;
  }

  .dx-popup-bottom.dx-toolbar {
    padding: 20px !important;
    overflow: visible;
  }

  .dx-popup-bottom {
    background-color: #edf3f4;
    color: #333;
  }

  #topResultsImage {
    display: none;
  }

  .dx-popup-bottom .dx-button .dx-button-content {
    padding: 10px;
    margin: auto;
    text-align: center;
  }

  [id^="containerUnitRows"] {
    display: grid !important;
  }

  #listContents {
    width: calc(100% - 90px);
  }

  .size {
    font-size: 16px !important;
    color: var(--degold);
    font-weight: bold;
    text-align: center;
  }

  .sizeDesc {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 10px;
  }

  .size2 {
    font-size: 14px !important;
    color: black;
    font-weight: bold;
    text-align: center;
  }

  #topRow {
    display: block !important;
  }

  .availUnitSizeImgBig {
    display: none !important;
  }

  .availUnitSizeImgSmall {
    display: block !important;
    text-align: center;
  }

  .sizeCont {
    width: 100%;
    padding: 5px;
    text-align: center;
  }

  .idealForIcons {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-bottom: 10px !important;
  }

  #GetReservationTypeHeading {
    font-size: 16px !important;
    color: var(--degold);
  }

  .holidayBasketTitle {
    font-size: 16px !important;
    color: var(--degold);
  }

  #availabilityReservation {
    display: block !important;
  }

  #loadingIndicator {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 100999;
  }

  #loadingIndicatorLongOperation {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 100999;
  }

  #availabilityReservation #sectionDetails1 {
    display: none !important;
  }

  .availBtnRowContainer .dx-button-text {
    padding: 0px;
    font-family: arial, sans-serif;
    color: white;
  }

  #whoOccupy {
    display: block !important;
  }

  #editBlock {
    display: block !important;
  }

  #addNewGuest {
    white-space: nowrap;
    margin: auto 0;
  }

  #ctrlViewAvailabilityOnHoldSpacer {
    display: none !important;
  }

  #rptBookingFees .dx-list .dx-empty-message,
  #rptBookingFees .dx-list-item-content {
    padding: 0px !important;
  }

  #loginActions {
    padding-top: 0px !important;
    position: absolute;
  }

  #headerResortQuickSearch {
    width: 180px !important;
    float: right !important;
    position: relative !important;
    top: -60px !important;
    left: 30px !important;
    display: none !important;
  }

  .loginText {
    font-size: 14px;
    font-weight: bold;
  }

  #loginDiv {
    position: relative;
    left: 0px;
  }

  #guestBlock {
    display: none;
  }

  #confirmBlock {
    display: none;
  }

  #holidayBasketContents {
    padding: 5px;
  }

  #participantNameHref {
    font-size: 14px !important;
  }

  .AddToBasket .dx-button-text {
    padding: 0px;
  }

  #almostThereDiv {
    display: none;
  }

  #discCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0px !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  hr {
    margin: 5px 0px;
  }

  .dx-lookup-field {
    outline: 0;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 34px 8px 9px;
    font-size: medium !important;
  }

  #mobileWhereSearchExtra #listContainer #listHeading {
    font-size: 14px;
  }

  #benefitsGridOptions #btnWrapper {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
  }

  [id^="widgetCloseBtn"] {
    display: none !important;
  }

  #confirmBlock {
    font-size: 14px;
  }

  #viewReservationSplitBox {
    display: block !important;
  }

  

  #buttonsDiv {
    display: none;
  }

  .dx-menu-item-text {
    font-size: 20px;
    font-weight: bold;
  }

  .dx-datagrid-rowsview .dx-row>.dx-master-detail-cell {
    padding: 10px;
  }

  #viewResEditGuest {
    display: block !important;
  }

  [id^="editFormActual_"] {
    display: none;
  }

  #trChangeGuestFlex {
    flex-direction: column !important;
  }

  #filterContents {
    display: none;
  }

  #viewReservationGrid .dx-datagrid-rowsview .dx-row>td,
  .dx-datagrid-rowsview .dx-row>tr>td {
    overflow: hidden !important;
    text-overflow: initial;
    white-space: break-spaces;
  }

  #resortSearchWidgetContainer {
    display: grid !important;
  }

  #pointsTblComplex {
    display: grid !important;
  }

  #pointsTblYr {
    display: grid !important;
  }


  #complexSelectBox {
    width: unset !important;
  }



  #viewResortPointsButtonSpacer {
    height: calc(100% - 22px);
  }

  #membershipDetailsTitleContainer {
    padding: 10px;
  }

  #resultsGrid {
    overflow: hidden;
  }

  .accountPaymentPage {
    display: block;
  }

  #faqsContainer {
    display: block;
  }

  #HTML5PECB {
    display: block;
  }

  #SEC0015 {
    display: none;
  }

  #availDetailPage {
    display: grid;
  }

  #holdHolder {
    min-width: unset;
  }

  #splitSizeCont {
    flex-direction: column !important;
  }

  #ctrlViewAvailabilityOnHold {
    max-width: unset;
  }

  .dx-datebox-native .dx-texteditor-buttons-container {
    display: none;
  }

  #xchkBookingCondition1 {
    margin: auto !important;
  }

  .dx-invalid-message>.dx-overlay-content {
    white-space: break-spaces;
  }

  .helpSmall {
    display: block;
  }

  .helpBig {
    display: none;
  }

  #availResults {
    z-index: 9;
  }

  #memberDetailsBox .dx-field-label {
    overflow: unset;
    text-overflow: unset;
  }

  #accountPage .dx-datagrid .dx-column-lines>td {    
    white-space: break-spaces; 
    border-left: unset;
    border-right: unset;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.9rem;
    text-align: center !important;
  }

  .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
  .dx-datagrid-rowsview .dx-row-focused.dx-data-row>td:not(.dx-focused),
  .dx-datagrid-rowsview .dx-row-focused.dx-data-row>tr>td:not(.dx-focused) {
    background-color: var(--degold);
    color: #fff;
  }

  .dx-link {
    overflow-wrap: break-word;
  }

  #dx-col-5>div.dx-datagrid-text-content.dx-text-content-alignment-right {
    font-size: 1rem;
  }

  .dx-column-lines {
    overflow-wrap: break-word;
  }

  .dx-header-row {
    
  }

  .dx-selectbox {
    height: 45px !important;
  }

  .dx-textbox {
    height: 45px !important;
  }

  .dx-texteditor-input {
    height: 45px !important;
  }

  #xdedtFromDate {
    width: 100% !important;
  }

  #accTransTr {
    flex-direction: column !important;
    margin-bottom: 10px;
  }

  #accPaymentsFinTransactions {
    margin-bottom: 10px !important;
    justify-content: center;
    font-size: 20px;
  }

  #accTransTrControls {
    text-align: center;
    flex-direction: column !important;
  }

  #accTransTr>td:nth-child(2)>table {
    width: 100%;
  }

  #xbtnSetDate {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: 45px !important;
    
    font-weight: 600;
    border: 1px solid var(--degold);
    background-color: var(--degold) !important;
  }

  #tdGuests>div>div:nth-child(6) {
    flex-direction: column;
  }

  #xbtnSaveMain {
    height: 45px !important;
    
    color: white;
    font-weight: 700;
  }

  #xbtnCancelMain {
    width: 100% !important;
    height: 45px !important;
    
    background-color: var(--deblue);
    color: white;
    margin-top: 10px !important;
    font-weight: 700;
  }

  #xbtnEditGuest {
    width: 100% !important;
    height: 45px !important;
    
    background-color: var(--deblue);
    color: white;
    font-weight: 700;
  }

  #accountOverviewContent .dx-button-text {
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  #accountOverviewContent .dx-button-content {
    height: unset;
    max-height: unset;
    line-height: unset;
  }

  /*was causing one col in the fin transactions top grid to display large*/
  #gridAccountDetails #dx-col-5>div.dx-datagrid-text-content.dx-text-content-alignment-right {
    font-size: 14px !important;
  }

  #accountOverviewContent .dx-button {

    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
  }

  #gridProfileAccounts .dx-button {
    background-color: var(--deblue);
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
  }

  #accountOverviewContent #pageSubHeader {
    padding-bottom: 10px;
  }

  #PointsStatementTitleContainer {
    display: block !important;
  }

  #dxAddButton {
    float: unset !important;
  }



  #headerActual{
    height: unset !important;
  }



  #loginActions {

    margin-top: 0% !important;

  }

  #topLevelMenuTextContainer, #subLevelMenuTextContainer {

    min-width: 40px;
    text-align: center;
    min-height: 40px;

  }

}

@media screen and (max-width: 768px) {

  #WeekGrid .dx-datagrid-content .dx-datagrid-table .dx-row>td,
.dx-datagrid-content .dx-datagrid-table .dx-row>tr>td {

  white-space: nowrap !important;
}

#cmsContainer{
  flex-direction: column;
  margin-top: 20px;
}


  div[id^=gridcontainer_] .dx-datagrid-content .dx-datagrid-table .dx-row>td,
  .dx-datagrid-content .dx-datagrid-table .dx-row>tr>td {
 
    white-space: nowrap !important;
  }


  .dx-toolbar-after .dx-button {
    min-width: auto;
    
}

  #feesBtn  {
    background-color: var(--degold) !important;
  }
   
  .dx-popup-wrapper>.dx-overlay-content {
    border-radius: 0.25rem !important;

    
  }

  .dx-popup-bottom .dx-button {
   background-color: var(--deblue);
}

body > div.dx-overlay-wrapper.dx-popup-wrapper.dx-popover-wrapper.dx-popover-without-title.dx-position-top > div > div.dx-popup-content > table{

  width: 100%;
  }


  .dx-datagrid-content{
    overflow: scroll !important;
  }

  #idealForMain{
    margin-left: unset !important;
  }

  #tdCancelBooking {

    padding: 5px !important;
  }

  #floatingDetailsDiv {
    padding: 5px !important;
  }

  #tdSpecialInstruction {
    padding: 5px !important;

  }

  #filterButton {
    margin-top: 10px !important;
  }

  #loginTextBlock {
    max-width: 160px;
  }

  .widget-card {
    padding: 10px !important;
    margin: 10px !important;
    
  }

  .dx-datagrid {
    color: #333;
    background-color: unset !important;
    line-height: inherit;
  }

  #SummaryBoxes {
    display: flex !important;
    flex-direction: column !important;
  }

  #pointsStatementTitle2 {
    display: none;
  }

  #PointsStatementBox {
    height: 34px !important;
    display: block;
    border-radius: 0.25rem;
    height: unset !important;
    background: var(--dhrbackground);
    padding: 15px;
    width: 100% !important;
  }

  #memberDetailsBox {
    height: 34px !important;
    display: block;
    
    height: unset !important;
    background: var(--dhrbackground);
    padding: 5px;
  }

  #accountPage {
    display: grid !important;
  }

  #AccountsSummary .dx-field-label.header2 {
    font-size: medium !important;
  }

  #AccountsSummary .dx-field-value.header2 {
    font-size: medium !important;
  }

  #ctrlEditNameAddressContact {
    flex-direction: column !important;
  }

  #ctrlEditName {
    padding-bottom: 7% !important;
  }

  #ctrlEditAddress {
    padding-bottom: 7% !important;
  }

  #resortSearchMainPanelContainer {
    flex-direction: column !important;
    align-items: center !important;
  }

  #dvMap {
    display: none;
  }

  .cornerBox {
    width: 100% !important;
    
  }

  #resortSearchPanel>div>div.spacer2 {
    display: none !important;
  }

  #resortSearchPanel {
    max-width: 100% !important;
  }

  #resortSearchMainPanelContainer {
    width: 100% !important;
  }

  #resortSearchMainPanel {
    width: 100% !important;
    text-align: center;
  }

  #resortDirectoryMapPanel {
    display: none !important;
  }

  .searchTitle {
    font-size: 18px !important;
  }

  .searchResultsTitle {
    font-size: 20px !important;
    text-align: center;
    padding-bottom: 10px;
    color: var(--degold) !important;
    margin-top: 20px;
  }

  #titleBlock {
    text-align: -webkit-center;
    justify-content: space-evenly;
    flex-wrap: wrap !important;
  }

  .district {
    text-align: center;
  }

  #resort {
    flex-direction: column !important;
  }

  #resortInfo {
    width: 100% !important;
  }

  #resortDetails {
    flex-direction: column !important;
  }

  .resortName {
    font-size: medium !important;
    font-weight: bold !important;
    text-align: center !important;
  }

  #description {
    text-align: inherit !important;
    min-width: 100% !important;
    width: 100% !important;
  }

  #resortImage {
    height: 30% !important;
    justify-content: center;
    
    width: 100% !important;
    text-align: center;
  }

  #resortDetailsContentAreaDiv>div:nth-child(4) {
    padding-top: 10px;
  }

  .idealFor {
    text-align: center;
  }

  .idealForIcons {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-bottom: 10px;
  }

  #resortDetailsContentArea {
    flex-direction: column;
    width: 100%;
  }

  #resortDetailsTemplate .address {
    justify-content: center;
    text-align: center;
    border-radius: 0.25rem;
    border: 5px solid #e5e5e5;
    background: #ebf2f4;
    font-size: 14px;
    padding: 5px;
  }

  #faxBlock {
    justify-content: center;
  }

  #titleRow {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #resortArea {
    text-align: -webkit-center;
  }

  #resortDetailsContentAreaDiv {
    width: 100% !important;
  }

  #iconsDiv {
    flex-direction: column;
    align-items: center;
  }

  #telBlock {
    justify-content: center;
    margin-top: 10px;
  }

  #icons2 {
    padding-bottom: 5px;
  }

  #availSearchType {
    width: 100% !important;
    height: 100% !important;
  }

  #availSearchFromDate {
    width: 100% !important;
    height: 100% !important;
  }

  #availSearchToDate {
    width: 100% !important;
    height: 100% !important;
  }

  #datesGrid {
    width: 100% !important;
    align-items: center;
  }

  #datesDiv {
    flex-direction: column;
  }

  #searchButtonDiv {
    align-self: center !important;
  }

  #availSearchBtn {
    width: 105px !important;
    height: 30px !important;
    border-color: var(--deblueh) !important;
  }

  #backToSearchResults {
    text-align: center !important;
    margin-bottom: 10px !important;
  }

  #resortImage2 {
    width: 100% !important;
    height: 30% !important;
    
  }

  .loginText {
    text-align: center !important;
  }

  #resortInfoTemplate {
    max-width: 100% !important;
    margin: 0px;
  }

  #resortInfoTemplateDiv {
    flex-direction: column !important;
  }

  #descriptionDiv {
    width: 100% !important;
  }

  #timesDiv {
    width: 100% !important;
  }

  #facilitiesDiv {
    width: 100% !important;
    flex-direction: column !important;
  }

  #facilitiesDiv2 {
    width: 100% !important;
    padding-bottom: 10px !important;
  }

  #amenetiesDiv {
    width: 100% !important;
    padding-bottom: 10px !important;
  }

  #attractionsDiv {
    width: 100% !important;
  }

  #unitDetailsDiv {
    flex-direction: column;
    align-items: center;
  }

  #unitActions {
    flex-direction: column;
    align-items: center;
  }

  #resortUnitDetailRowHeader {
    display: none !important;
  }

  #resortUnitDetailsKey {
    padding-right: 0px !important;
  }

  #map1 {
    width: 100% !important;
  }

  #directionsDiv {
    flex-direction: column !important;
  }

  #complexSelectBox {
    width: 50% !important;
  }



  #viewResortPointsButton {
    width: 80px !important;
    padding-right: 5px;
  }

  #overlay {
    display: block;
  }

  #sigCollectionContent>div:nth-child(19) {
    display: flex;
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
  }

  #sigCollectionContent {
    display: flex !important;
    width: 100% !important;
    flex-direction: column;
  }

  #sigCollectionContent .facilities-row {
    display: flex !important;
    width: 100% !important;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column !important;
    align-items: center !important;
  }

  #sigCollectionContent .resort-image {
    display: flex;
    width: 100% !important;
  }

  #sigCollectionContent .resort-content {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    border-bottom: blue !important;
    border-bottom-style: solid !important;
  }

  #sigCollectionContent>div.resort-area-container.active-area>div:nth-child(7)>div.resort-content>ul {
    display: inline-flex !important;
    width: 90% !important;
  }

  #sigCollectionContent .resort-content>h2 {
    text-align: center !important;
  }

  #sigCollectionContent>div.resort-area-container.active-area>div:nth-child(15)>div.resort-content>a {
    color: white !important;
  }

  #sigCollectionContent>img {
    height: 150px !important;
  }

  #sigCollectionContent p {
    padding: 5px !important;
  }

  #sigCollectionContent>div.resort-area-trigger-container:after {
    width: 100% !important;
    height: 27px;
    /* padding-bottom: 61px; */
    position: absolute;
    content: "< Swipe for more >";
    opacity: 10;
    background-color: var(--deblue);
    color: white;
    /* transform: translateX(-50%); */
    padding: 2px 10px;
    font-size: x-large;
    text-align: center;
  }

  #sigCollectionContent .resort-area-trigger-container {
    display: flex !important;
    overflow: scroll !important;
    height: 173px !important;
  }

  #sigCollectionContent .resort-area-trigger>img {
    margin: 36px 10px 10px 10px !important;
  }

  #sigCollectionContent .resort-area-trigger {
    height: 160px !important;
  }

  #sigCollectionContent .resort-area-trigger.active::after {
    top: 160px !important;
  }

  #sigCollectionContent .sc-heading-bar {
    width: 100% !important;
    margin-left: 0px !important;
  }

  #footerContainer>table:nth-child(1) {
    width: 100% !important;
  }

  #footerContainer>table:nth-child(2) {
    width: 100% !important;
  }

  #footerContainer>table:nth-child(2)>tbody>tr>td>img {
    width: 100% !important;
  }

  #footerContainer>table:nth-child(2)>tbody>tr>td>img ul.resort-facilities {
    text-align: center !important;
  }

  .dx-adaptive-detail-row {
    height: unset !important;
  }

  .dx-datagrid-text-content {
    
  }

  #availdataGroupBox {
    flex-direction: column !important;
  }

  #availdataGroupBox_Tab2 {
    flex-direction: column !important;
  }

  #FromDate_UMA>div>div>div.dx-texteditor-buttons-container {
    display: none !important;
  }

  #ToDate_UMA>div>div>div.dx-texteditor-buttons-container {
    display: none !important;
  }

  #FromDate_UMA {
    width: 100% !important;
    height: 50px !important;
  }

  #ToDate_UMA {
    width: 100% !important;
    height: 50px !important;
  }

  #CountryListDropDown {
    width: 100% !important;
    height: 50px !important;
  }

  #FromDateLabel {
    font-size: medium !important;
  }

  #ToDateLabel {
    font-size: medium !important;
  }

  #CountryLabel {
    font-size: medium !important;
  }

  #GoButton>input {
    width: 250px;
    height: 50px;
  }

  .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #000000 !important;
    background-color: #f7f7f7;
  }

  .dx-datagrid-rowsview .dx-row>td,
  .dx-datagrid-rowsview .dx-row>tr>td {
    text-overflow: initial;
  }

  #FromDate_UMA_Tab2 {
    width: 100% !important;
    height: 50px !important;
  }

  #ToDate_UMA_Tab2 {
    width: 100% !important;
    height: 50px !important;
  }

  #CountryListDropDown_Tab2 {
    width: 100% !important;
    height: 50px !important;
  }

  #StandardText_Tab>p {
    text-align: center !important;
    color: #000000 !important;
  }

  #StandardText_Tab2>p {
    color: #000000 !important;
  }

  .descriptionTitle {
    color: var(--degold);
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
  }

  #titleRow {
    
    padding: 10px !important;
  }

  #availSearch {
    border-radius: 0.25rem;
    padding: 10px;
  }

  #availSearchFromDate>div>div>div.dx-texteditor-buttons-container>div.dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    display: none !important;
  }

  #availSearchToDate>div>div>div.dx-texteditor-buttons-container {
    display: none !important;
  }

  #complexName {
    white-space: nowrap;
    /* color: darkblue; */
    font-weight: 900;
  }

  .dx-datagrid-group-closed {
    font: 25px/8px DXIcons;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    color: #959595;
  }

  .dx-datagrid-group-opened {
    font: 25px/18px DXIcons;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    color: #959595;
  }

  #resortUnitDetailRowTemplate {
    border-style: inset;
    border-color: #e5e5e5;
    
    border-width: thin;
    padding-top: 10px !important;
    margin-bottom: 10px !important;
  }

  #selectedUnitDetailsTemplate>div:nth-child(1)>div:nth-child(1) {
    align-items: center;
  }

  #amenitiesBlock {
    display: block;
    justify-content: space-between;
    padding: 0% !important;
  }

  #unitLayoutBlock {
    width: 100% !important;
    display: block;
    justify-content: space-between;
    padding: 0 !important;
  }

  #listHeading {
    font-size: 14px !important;
  }

  .dx-accordion-item-opened {
    border-color: #ddd;
    height: fit-content !important;
  }

  .dx-accordion-item-opened.dx-state-hover>.dx-accordion-item-title,
  .dx-accordion-item-opened>.dx-accordion-item-title {
    background: var(--deblue);
    color: white;
  }

  #selectedUnitDetailsTemplate>div:nth-child(1)>div:nth-child(1) {
    width: 100% !important;
  }

  #selectedUnitDetailsTemplate>div:nth-child(1)>div:nth-child(2) {
    flex-direction: column !important;
    padding-left: 5px;
    padding-right: 5px;
  }

  #resortGallery {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #resortGalleryTemplate>div>div>div:nth-child(3) {
    padding: 0px !important;
  }

  #unitDetailsMainDiv>div.descriptionTitle {
    display: none;
  }

  #resortGalleryTemplate>div>div>div.descriptionTitle {
    display: none;
  }

  #DirectionsContent>div:nth-child(1)>h6 {
    display: none;
  }

  #unitDetailsMainDiv>div.spacer {
    display: none;
  }

  #resortPointsPanel>div.descriptionTitle {
    display: none;
  }

  .resDetailsHorizLine {
    display: none;
  }

  .listLine {
    margin-bottom: 10px !important;
  }

  div[id^="listHeading"]>div {
    font-size: 14px !important;
    padding-right: 0px !important;
  }

  #floorBlock {
    width: 100% !important;
    display: block;
    justify-content: space-between;
    padding: 5%;
  }

  #unitViewBlock {
    width: 100% !important;
    display: block;
    justify-content: space-between;
    padding: 5%;
  }

  #unitTypeBlock {
    width: 100% !important;
    display: block;
    justify-content: space-between;
    padding: 5%;
  }

  #availSearch>div>div.descriptionTitle {
    text-align: center;
  }

  #resortDetailsTemplate .resortArea {
    font-size: 14px;
  }

  #HolidayPreferencesTemplates {
    width: 100% !important;
  }

  #AdCommunicationPreferencesTemplates {
    width: 100% !important;
  }

  #Grid_HolidayPreferences .RadBox {
    padding-left: 0px !important;
  }

  #Grid_CommunicationPreferences .RadBox {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0px !important;
    float: none !important;
  }

  #Grid_AdCommunicationPreferences .RadBox {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0px !important;
    float: none !important;
  }

  #item {
    border-color: #e5e5e5 !important;
    border-style: outset !important;
    padding: 10px !important;
    border-radius: 0.25rem;
    margin-top: 10px;
  }

  #item1 {
    border-color: #e5e5e5 !important;
    border-style: outset !important;
    padding: 10px !important;
    border-radius: 0.25rem;
    margin-top: 10px;
  }

  .SubsectionsTitle {
    font-size: medium !important;
    color: #000000 !important;
  }

  .MainSubTitle {
    font-size: medium !important;
    padding-top: 10px !important;
  }

  .myHeader {
    font-size: 16px !important;
    padding-top: 10px !important;
  }

  .comm {
    font-size: medium !important;
    padding-top: 10px !important;
    color: var(--degold) !important;
  }

  #resort {
    border-color: #e5e5e5 !important;
  }

  .dx-datagrid-borders .dx-datagrid-rowsview,
  .dx-datagrid-headers+.dx-datagrid-rowsview {
    border-top: 0px !important;
  }

  .dx-datagrid-borders>.dx-datagrid-rowsview,
  .dx-datagrid-borders>.dx-datagrid-total-footer {
    border-bottom: 0px !important;
  }

  .dx-datagrid-borders>.dx-datagrid-headers,
  .dx-datagrid-borders>.dx-datagrid-rowsview,
  .dx-datagrid-borders>.dx-datagrid-total-footer {
    border-left: 0px !important;
    border-right: 0px !important;
  }


  .resortResultRowTemplate {
    
    background-color: #fff;
    margin-bottom: 20px !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    margin: 5px;
}

  .resortResultRowTemplateAlt {
    width: 100%;
    
  }

  div[id^="listHeading"]>div>div:nth-child(1) {
    padding-right: 20px !important;
  }

  #selectedUnitDetailsTemplate>div:nth-child(1)>div:nth-child(3) {
    display: flex !important;
    cursor: pointer;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    justify-content: center !important;
  }

  #gridContainerAddress>div>div.dx-datagrid-rowsview>div>table>div>div:nth-child(9)>div.editDetailsValue {
    margin-left: 10px;
  }



  #complexSelectBox>div>div>div.dx-texteditor-input-container>input {
    width: 55px !important;
  }

  #ColLeftOne>div:nth-child(1)>h6 {
    color: var(--degold);
    font-weight: 700;
  }

  #DirectionsContent>div:nth-child(8)>h6 {
    color: var(--degold);
    font-weight: 700;
  }

  #gridPointsExpPnts {
    min-height: 0px !important;
  }

  #accountPage>.dx-adaptive-detail-row {
    height: unset !important;
  }

  #pointTransactionDateChooser>div:nth-child(2)>div.accountFrom {
    text-align: center !important;
  }

  #date2 { min-width:auto;
    
  }

  #pointTransactionDateChooser>div.pointsTransactionsTitle {
    text-align: center !important;
  }

  #pointTransactionDateChooser {
    display: flex !important;
    width: 100%;
    flex-direction: column !important;
    padding: 10px !important;
  }

  #pointTransactionDateChooser>div:nth-child(2) {
    padding-top: 5px;
    text-align: center;
    display: flex;
    white-space: nowrap;
    flex-direction: column;
    justify-content: space-evenly;
  }

  #pointTransactionDateChooser>div:nth-child(2)>div:nth-child(3) {
    padding-left: 0px !important;
  }

  #pointTransactionDateChooser #PointsStatementContent {
    text-align: center;
  }

  #pointTransactionDateChooser>div {
    border: unset !important;
  }

  #accountPage>div>#rcorners1 {
    
  }

  #MemberDetailsPage>div>h1 {
    color: var(--degold) !important;
    font-size: 22px !important;
    font-weight: bold !important;
    padding-left: 2px !important;
  }

  #items>div:nth-child(3) {
    margin-top: 10px !important;
  }

  #subSection>div {
    margin-bottom: 10px !important;
  }

  #sectionTitle {
    color: var(--degold) !important;
  }

  #district {
    color: var(--primarycolor) !important;
    margin-bottom: 5px;
    white-space: pre-wrap;
  }

  #descriptionDiv>div {
    margin-bottom: 5px !important;
  }

  #timesDiv>div {
    margin-bottom: 5px !important;
  }

  #resortGallery {
    
  }

  #resortGallery>div {
    
  }

  #resortGallery>div>div.dx-gallery-container>div:nth-child(6)>div {
    
  }

  #resortDetailsContentAreaDiv>div:nth-child(5) {
    display: none !important;
  }

  #resortDetailsContentAreaDiv>div:nth-child(5)>div>div.dx-gallery-container {
    
  }

  #resortDetailsContentAreaDiv2>div>div>.dx-gallery-item {
    
  }

  #resortDetailsContentAreaDiv2>div>div>.dx-gallery-item>div>div.dx-widget.dx-gallery-nav-button-prev {
    
  }

  #resortDetailsContentAreaDiv2>div>div.dx-widget.dx-gallery-nav-button-prev {
    
  }

  #resortDetailsContentAreaDiv2>div>div.dx-widget.dx-gallery-nav-button-prev>div>div.dx-widget.dx-gallery-nav-button-next {
    
  }

  #resortDetailsContentAreaDiv2>div>div.dx-widget.dx-gallery-nav-button-next {
    
  }

  #openMaps>div>span {
    font-size: 1em;
    color: white !important;
  }

  #gridPointsTrans>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios>div>div>div>div>table>tbody {
    font-size: medium !important;
  }

  #gridPointsExpPnts>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios>div>div>div>div>table>tbody {
    font-size: medium !important;
  }

  #resortImage2 {
    display: none !important;
  }

  #resortGallery2 {
    display: block !important;
    height: unset !important;
  }

  #resortDetailTabs>div>.dx-item {
    
  }

  #tabpanel-container>div>.dx-item {
    
  }

  #MemberDetailsTabs>div>.dx-item {
    
  }

  #resortDetails {

    border-radius: 0.25rem;
  }

  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td,
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td,
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td,
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td {
    background-color: unset !important;
    color: #333;
  }

  #availPoints {
    text-align: center !important;
  }

  #pointsArrears {
    margin-bottom: 20px !important;
  }

  #searchBtn {
    
    background-color: var(--deblue) !important;
    height: 45px !important;
    margin-top: 5px !important;
  }

  #searchBtn>div>span {
    color: white !important;
    font-size: 14px !important;
  }

  #quickSearchTitle>div.headerText {
    margin-top: 5px !important;
    justify-content: center;
  }

  .myAccounts {
    margin-bottom: 0px !important;
  }

  #mobileSearchControl {
    border: unset !important;
    padding: 20px;
  }

  #pointsArrears>div:nth-child(1) {
    font-size: 14px;
  }

  #availPoints {
    font-weight: bold !important;
  }

  .container .availbtn {
    position: relative;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -268%);
    background-color: var(--deblueh) !important;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 24px;
    cursor: pointer;
    border-radius: 0.25rem;
  }

  #availBtn .dx-button-text {
    color: var(--deblueh);
  }

  #resortGallery2 {
    width: 100% !important;
    
  }

  #resortsHeader {
    text-align: center !important;
    font-weight: bold !important;
    color: var(--deblueh) !important;
    margin-bottom: 5px !important;
  }

  #quickSearchTitleAction {
    display: none !important;
  }

  #quickSearchContent>div.spacer {
    width: 10px;
    height: 10px;
    display: none !important;
  }

  #page {
    margin: unset !important;
  }

  #mobileAvailSearchPane {
    display: flex;
    flex-direction: column !important;
  }

  .AddToBasket {
    background-color: var(--deblue);
    color: #ffffff;
    
    height: 45px !important;
    width: 100% !important;
    color: white;
  }

  div[id^="BottomButtons_"]>div {
    /* and so on... */
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  
  }



  div[id^="btnOpen_"] {
    width: 100% !important;
    height: 45px !important;
    
  }



  div[id^="btnOpen_"]>div {
    padding-bottom: 10px !important;
  }

  #wrapper {
    
    
    margin-bottom: 20px !important;
  }

  #wrapper2 {
    
    padding: 0px !important;
  }





  .availFromTxt {
    text-align: center !important;
    margin-bottom: 15px !important;
    font-size: 1.2rem;
  }


  

  #howToBook {
    padding: 0px !important;
  }

  #quickSearchBox {
    margin-bottom: 20px !important;
  }

  #showArrears>div:nth-child(1) {
    font-size: 14px !important;
  }

  #pointsArrears>div:nth-child(1)>div:nth-child(1) {
    margin-bottom: 4px !important;
  }

  #arrearsAmnt {
    text-align: center !important;
    font-weight: bold !important;
    font-size: 14px !important;
  }

  #search-rentals {
    padding: 4px 0px 0px 40px !important;
  }

  #search-points {
    padding: 4px 0px 0px 40px !important;
  }

  #intro-block {
    padding: 17px 9px 37px 14px !important;
  }

  .greyBox {
    
  }

  #search {
    text-align: center !important;
  }

  #quickSearchInput {
    width: 100% !important;
    height: 45px !important;
  }

  #quickSearchButton {
    width: 75px !important;
    height: 45px !important;
    
    background-color: white !important;
  }

  #countrySearchInput {
    width: 100% !important;
    height: 45px !important;
  }

  #countrySearchButton {
    width: 100% !important;
    height: 45px !important;
  }

  #areaSearchInput {
    width: 100% !important;
    height: 45px !important;
  }

  #areaSearchButton {
    width: 100% !important;
    height: 45px !important;
  }

  #districtSearchInput {
    width: 100% !important;
    height: 45px !important;
  }

  #districtSearchButton {
    width: 100% !important;
    height: 45px !important;
  }

  #areaSearchContent>div:nth-child(3)>div:nth-child(2) {
    flex-direction: column !important;
  }

  #areaSearchContent>div:nth-child(2)>div:nth-child(2) {
    flex-direction: column !important;
  }

  #areaSearchContent>div:nth-child(1)>div:nth-child(2) {
    flex-direction: column !important;
  }

  #resortSearchPanel .dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-text {
    background-color: var(--deblue) !important;
  }

  #areaSearch>div.boldTitle {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  #areaSearchContent>div:nth-child(1)>div.subTitle {
    padding-bottom: 10px !important;
  }

  #areaSearchContent>div:nth-child(2)>div.subTitle {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  #areaSearchContent>div:nth-child(3)>div.subTitle {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  #resortQuickSearchContainer>div.boldTitle {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #resortFilterPanelBox {
    padding: 10px !important;
  }

  #widgetContainerButtons .dx-button {
    background-color: var(--deblue);
    color: #ffffff;
    font-weight: bolder;
    
    height: 45px !important;
    width: 100% !important;
    color: white;

  }

  #widgetContainerButtons .dx-button-text {
    color: var(--deblue);
  }

  #widgetContainerButtons {
    float: unset !important;
    flex-direction: column;

  }

  #kanban>div.dx-scrollable-wrapper>div>div>div.dx-scrollview-content>div:nth-child(1)>div>div.dx-scrollable-wrapper>div>div>div.dx-scrollview-content {
    padding: 5px;
  }

  .card {
    margin-bottom: 10px !important;
  }

  #widgetContainerTitle {
    font-size: 20px !important;
  }

  #widgetContainerContents_News>table {
    width: 100% !important;
  }

  #viewReservationGrid {
    height: 100% !important;
  }

  #gridPointsTrans {
    min-height: 100% !important;
  }

  .accountFrom {
    padding-top: 5px;
    padding-right: 5px;
    font-weight: 700;
    color: #000000;
    font-size: 16px;
  }

  .AddToBasketAlt {
    background-color: var(--deblue);
    color: #ffffff;
    font-weight: bolder;
    
    height: 45px !important;
    width: 100% !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios.dx-last-row-border>div>div>div>div>table>div>div:nth-child(2)>div:nth-child(4) {
    flex-direction: column !important;
  }

  #headerLeftSide {
    display: none !important;
  }

  #headerRightSide {
    display: none !important;
  }

  #headerResortQuickSearch {
    display: none !important;
  }

  /*#headerLogo {
    width: 80% !important;
    height: unset !important;
    margin: 10px !important;
    margin-left: 0px !important;
  }*/

  #filterContents>div:nth-child(1) {
    margin-bottom: 10px !important;
  }

  #filterContents>div:nth-child(2)>div:nth-child(1) {
    margin-bottom: 10px !important;
    justify-content: center;
  }

  #filterContents>div:nth-child(1) {
    color: black !important;
  }

  #mobileWhereSearch {
    height: 45px !important;
  }

  #mobileFrom {
    height: 45px !important;
    width: 100% !important;
  }

  #mobileTo {
    height: 45px !important;
    width: 100% !important;
  }

  .dx-datebox input[type="date"] {
    width: 100% !important;
  }

  #mobileWhenDates {
    font-size: larger;
    justify-content: space-between !important;
    display: flex !important;
    flex-direction: column !important;
  }

  div[id^="ButtonOpen"] {
    padding-bottom: 10px !important;
  }

  div[id^="ButtonInfo"] {
    padding-bottom: 10px !important;
  }

  #xbtnConfirm {
    width: 100% !important;
    height: 45px !important;
    background-color: var(--deblue);
  }

  #resortSearchPanel>.resortSearchPanelContainer {
    padding: 20px !important;
  }

  #facilitiesFilterGrid {
    height: 45px !important;
  }

  #ChangePassword>div {
    margin-bottom: 10px;
  }

  #availSearch>div {
    padding: 10px !important;
  }

  #availSearchBtn>div>span {
    color: white !important;
  }

  #resortDetailsTemplate .address {
    
    border: 2px solid #e5e5e5 !important;
  }

  #searchButtonDiv {
    width: 100% !important;
    align-self: unset !important;
  }

  #availSearchBtn {
    width: 100% !important;
    height: 45px !important;
  }

  #backToSearchResults>button {
    width: 85% !important;
  }

  #loginForm>div {
    padding: 10px !important;
  }

  #loginForm>div>div:nth-child(1)>div.loginLabel {
    text-align: center !important;
  }

  #loginForm>div>div:nth-child(2)>div.loginLabel {
    text-align: center !important;
  }

  #loginHeader {
    font-size: 18px !important;
    font-weight: bolder !important;
  }

  #userName {
    height: 45px !important;
  }

  #forgotPasswordUserName {
    height: 45px !important;
  }

  #password {
    height: 45px !important;
  }

  #loginForgotPasswordForm>div>div:nth-child(3)>div.loginLabel {
    text-align: center !important;
  }

  #loginForm>div>div:nth-child(3)>div:nth-child(2) {
    flex-direction: column !important;
    margin-top: 20px !important;
  }

  #login-submit {
    width: 100% !important;
    margin-top: 10px !important;
    height: 45px !important;
    
  }

  #login-forgotPassword-submit {
    width: 100% !important;
    margin-top: 10px !important;
    height: 45px !important;
    
  }

  #login-forgotPassword-cancel {
    width: 100% !important;
    margin-top: 10px !important;
    height: 45px !important;
    
  }

  #login-forgotUserName-submit {
    width: 100% !important;
    margin-top: 10px !important;
    height: 45px !important;
    
  }

  #login-forgotUserName-cancel {
    width: 100% !important;
    margin-top: 10px !important;
    height: 45px !important;
    
  }

  #login-submit>div {
    background: var(--degold) !important;
    
  }

  #login-submit>div>span {
    color: white !important;
  }

  #login-forgotPassword-cancel>div {
    background: var(--deblue) !important;
    
  }

  #login-forgotPassword-cancel>div>span {
    color: white !important;
  }

  #login-forgotPassword-submit>div {
    background: var(--degold) !important;
    
  }

  #login-forgotPassword-submit>div>span {
    color: white !important;
  }

  #login-forgotUserName-cancel>div {
    background: var(--deblue) !important;
    
  }

  #login-forgotUserName-cancel>div>span {
    color: white !important;
  }

  #login-forgotUserName-submit>div {
    background: var(--degold) !important;
    
  }

  #login-forgotUserName-submit>div>span {
    color: white !important;
  }

  .dx-icon-close {
    font: 25px/1 DXIcons;
  }

  #forgotUserNameIdNo {
    height: 45px !important;
  }

  .loginLabel {
    font-size: 16px;
  }

  .widgetContainer {
    padding: 15px !important;
  }


  #ViewReservation>div>div>div {
    padding: 10px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios.dx-last-row-border>div>div>div>div>table>div>div:nth-child(2)>div:nth-child(4)>div {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios.dx-last-row-border>div>div>div>div>table>div>div:nth-child(2)>div:nth-child(4)>div:nth-child(2)>div {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios.dx-last-row-border>div>div>div>div>table>div>div:nth-child(2)>div:nth-child(4)>div:nth-child(2)>div {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #guestBlock>div>div:nth-child(6) {
    flex-direction: column !important;
  }

  #xcmbProfileMembers {
    height: 45px !important;
    width: 100% !important;
  }

  #editNamesDemo {
    border: 5px solid #e5e5e5;
    border-radius: 0.25rem;
  }

  #editContactsDemo {
    border: 5px solid #e5e5e5;
    border-radius: 0.25rem;
  }

  #editTelNosDemo {
    border: 5px solid #e5e5e5;
    border-radius: 0.25rem;
  }

  #editForm_editNames {
    padding: 5px !important;
  }

  #editForm_editContacts {
    padding: 5px !important;
  }

  #editForm_editTelNoContacts {
    padding: 5px !important;
  }



  #BottomButtons_59>div>div:nth-child(1) {
    margin-bottom: 10px !important;
  }

  #StaticForm>div {
    flex-direction: column !important;
    display: flex !important;
  }

  #crDetailsGrid>div:nth-child(12)>div:nth-child(1) {
    width: 100px !important;
  }

  #eftDetails {
    width: 75% !important;
  }

  #mobileWhereSearch>div>div.dx-lookup-field {
    text-align: center !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios.dx-last-row-border>div>div>div>div>table>div>div>div {
    border-style: unset !important;
    margin-bottom: 0px !important;
  }

  #sizeCont {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  #splitSizeCont {
    width: 100% !important;
  }


  #guestBlock>div>div:nth-child(2) {
    flex-direction: column !important;
  }

  #guestBlock>div>div:nth-child(2)>div:nth-child(3) {
    text-align: center;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #contentContainer {
    font-size: 0.9rem !important;
  }

  #xbtnConfirm>div {
    color: white !important;
  }

  #mobileFrom>div>div>div.dx-texteditor-input-container>input {
    
  }

  #mobileTo>div>div>div.dx-texteditor-input-container>input {
    
  }

  #toolbar>div>div.dx-toolbar-before>div>div>div>div>i {
    font-size: 30px !important;
  }

  .myTitleAction {
    background-color: unset !important;
    border: unset !important;
    margin-right: 10px;
    margin-top: 2px;
  }

  .dx-item-content.dx-menu-item-content {
    font-size: 1rem !important;
    color: white;
  }

  .dx-submenu {
    border-radius: 0.25rem;
    height: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 5px !important;
  }

  .dx-menu-item-content>div>div {
    color: white !important;
    font-size: 14px !important;
  }

  .menuTopLevel:hover {
    border-radius: 0.25rem;
  }

  .menuTopLevel {
    font-size: 16px !important;
    height: 45px;
    width: 100%;
    padding-top: 10px;
    border: unset !important;
    color: white;
    
  }

  .menuTopLevelSelected {
    font-size: 16px;
    height: 40px !important;
    width: 100%;
    padding-right: 5px !important;
    padding-top: 10px;
    border: unset !important;
    color: white !important;
  }



  .menuSubLevel {
    border-radius: 0.25rem;
    height: unset !important;
    color: white !important;
    background: var(--deblue) !important;
    height: 40px !important;
    text-align: center;
    padding-top: 10px;
  }

  .dx-context-menu .dx-submenu {
    background: var(--deblue) !important;
  }


  body>div.dx-overlay-wrapper {
    left: -15px !important;
  }

  .dx-menu-item-expanded {
    background-color: var(--degold) !important;
    border-radius: 0.25rem;
  }

  #intResortDirectory {
    flex-direction: column !important;
  }

  #gridTotal {
    width: 100% !important;
  }

  #contentContainer>div>div:nth-child(2) {
    flex-direction: column !important;
  }

  #SEC0088>div>img {
    max-width: 100%;
  }

  #contentContainer>div>div:nth-child(2)>div:nth-child(3)>div.searchAvailTitle {
    font-size: 20px !important;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
  }

  #contentContainer>div>div:nth-child(2)>div:nth-child(3)>div.creditCardTitle {
    font-size: 14px !important;
    text-align: center;
  }

  #SEC0089>div>div>p:nth-child(2) {
    text-align: center !important;
  }

  #SEC0087>div>div>p {
    font-size: 0.9rem !important;
    font-weight: 400;
    text-align: justify;
  }

  #SEC0087>div>div>h1 {
    text-align: center !important;
    padding-bottom: 10px;
    color: var(--degold) !important;
  }

  #SEC0089>div>div>p:nth-child(1) {
    text-align: justify;
  }

  .btn-primary {
    
  }

  .btn-danger {
    
  }


  .combinedStat {
    margin-bottom: 10px !important;
  }

  .dx-popup-wrapper>.dx-overlay-content {
    
  }

  .dx-icon {
    color: var(--degold) !important;
    font-size: 25px !important;
  }

  .dx-submenu {
    border-radius: 0px !important;
  }

  #AccountsSummary .dx-field-value.header2 {
    font: 14px arial, sans-serif !important;
  }

  #ResortDirectionsFrom {
    height: 45px !important;
  }

  .loginText {
    font-size: 14px !important;
  }

  #participantNameHref {
    font-size: 14px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-android.dx-scrollable-scrollbar-simulated>div.dx-scrollable-wrapper>div>div>div>table>div>div:nth-child(2)>div:nth-child(4) {
    flex-direction: column !important;
    padding: 10px !important;
  }

  div[id^="ButtonOpen_"] {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-android.dx-scrollable-scrollbar-simulated>div.dx-scrollable-wrapper>div>div>div>table>div>div:nth-child(2)>div:nth-child(4)>div:nth-child(2)>input {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
  }

  #suppCont>div:nth-child(2) {
    text-align: center;
    margin-bottom: 10px;
  }

  #suppCont>div:nth-child(2)>img {
    width: 30px;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-android.dx-scrollable-scrollbar-simulated>div.dx-scrollable-wrapper>div>div>div>table>div>div>div {
    border-style: unset !important;
    margin-bottom: 0px !important;
  }

  #trWithOutCreditCard {
    display: block !important;
  }

  #availabilityConfirmation {
    flex-direction: column-reverse !important;
  }

  div[id^="specialsRow"] {
    flex-direction: column !important;
  }

  div[id^="specialsTitle"] {
    font-size: 18px !important;
  }

  div[id^="specialsBtn"] {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
  }

  #drawer>div>div.dx-drawer-panel-content.dx-overlay.dx-widget.dx-visibility-change-handler>div>div>div {
    
  }

  .dx-submenu {
    
  }

  .dx-menu-item-expanded {
    
  }

  #editFormTitleBtn_editNames {
    background-color: unset !important;
    border: unset !important;
  }

  #editFormTitleBtn_editContacts {
    background-color: unset !important;
    border: unset !important;
  }

  #editFormTitleBtn_editTelNoContacts {
    background-color: unset !important;
    border: unset !important;
  }

  .dx-button-text {
    font-size: 14px !important;
    color: white;
  }



  #xtxtResort {
    width: 186px !important;
    height: 31px !important;
  }

  #xcmbCountry {
    width: 186px !important;
    height: 31px !important;
  }

  #xbtnCountrySearch {
    width: 60px !important;
    height: 30px !important;
    
    background-color: var(--deblue) !important;
  }

  #xbtnSearchResort {
    width: 60px !important;
    height: 30px !important;
    
    background-color: var(--deblue) !important;
  }

  #xbtnAreaSearch {
    width: 60px !important;
    height: 30px !important;
    
    background-color: var(--deblue) !important;
  }

  #xcmbArea {
    width: 186px !important;
    height: 31px !important;
  }

  #row #resortResultRowTemplate #resortInfo .description {
    width: 100% !important;
  }

  .searchAvailTitle {
    font-size: 18px !important;
  }

  .dx-dialog-button {
    border: 1px solid var(--degold);
    
    background: var(--degoldh);
  }

  .dx-texteditor-container {
    
  }



  #dvAccountSummary {
    display: inline-block;
    margin-right: 5px;
  }

  #xbtnShowAccountSummary>a {
    float: unset !important;
  }

  #viewResortPointsButton {
    width: 100% !important;
    height: 45px !important;
    
    background-color: var(--deblue);
    color: white;
    font-weight: 700;
  }

  #viewButton {
    width: 100% !important;
    height: 30px !important;
    
    background-color: var(--deblue);
    color: white;
  }

  #viewResortPointsButtonSpacer {
    height: 40% !important;
  }

  #loginTitle {
    background-color: white !important;
  }

  .dx-popup-content {
    background: white !important;
  }



  .dx-template-wrapper.dx-popup-title {
    color: var(--degold) !important;
    background: white !important;
    border-bottom: unset !important;
  }

  .dx-overlay-shader {
    background-color: var(--degold);
  }

  .dx-toolbar-center {
    display: flex;
    justify-content: space-between;
  }

  .dx-toolbar-item-content {
    color: var(--degold) !important;
    font-size: 18px !important;
  }

  #newGridAccountDetailsCard {
    display: block !important;
  }

  .availTable {
    background-color: unset !important;
    color: #000000 !important;
  }

  #xgvwAvailabilityOnHold {
    background-color: white !important;
    
    
    padding: 10px !important;
    color: #000000 !important;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr>td>table {
    font-size: 9pt !important;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr>td>table>tbody>tr:nth-child(1)>td>strong {
    color: var(--degold) !important;
    font-size: 10pt !important;
  }

  #tdUnitNo>tbody>tr>td {
    color: black !important;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(1)>td {
    color: white !important;
    background-color: var(--degold);
    font-size: 0.9rem !important;
    text-align: center;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(7)>td {
    text-align: center;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(5)>td:nth-child(1) {
    vertical-align: middle;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(7)>td>a>u {
    font-size: 0.9rem;
  }

  #submit {
    background: var(--degold) !important;
    
    margin-top: 20px !important;
    float: right !important;
    width: 100% !important;
    border: unset;
    color: white !important;
    height: 45px !important;
  }

  #xtxtCVVNumber {
    width: 40% !important;
  }

  #sectionDetails {
    border-radius: 0.25rem;
  }

  #StaticForm {
    font-size: 13px;
    width: 90%;
  }

  #xcmbForMonth {
    width: 25%;
  }

  #xcmbForYear {
    width: 27% !important;
  }

  #crDetails {
    width: 100% !important;
  }

  #xchkExcludeArrears1 {
    height: 22px !important;
  }

  #trArrearsAmount1>div:nth-child(2) {
    justify-content: center;
  }

  #trArrearsAmount>div:nth-child(2) {
    flex-direction: row-reverse !important;
  }

  #xchkExcludeArrears {
    width: unset !important;
    height: unset !important;
  }

  #trArrearsAmount>div:nth-child(2) {
    flex-direction: row-reverse !important;
  }

  #trArrearsAmount>div:nth-child(2) {
    margin-bottom: 10px !important;
  }

  body>div.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-popup-cancel-visible.dx-popup-clear-visible.dx-lookup-popup-wrapper.dx-lookup-popup-search.dx-overlay-modal.dx-overlay-shader>div>div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom.dx-popup-cancel.dx-popup-clear>div>div.dx-toolbar-after {
    width: 100% !important;
    padding-left: 0px !important;
  }

  body>div.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-popup-cancel-visible.dx-popup-clear-visible.dx-lookup-popup-wrapper.dx-lookup-popup-search.dx-overlay-modal.dx-overlay-shader>div>div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom.dx-popup-cancel.dx-popup-clear>div>div.dx-toolbar-before>div>div>div {
    display: none !important;
  }

  body>div.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-popup-cancel-visible.dx-popup-clear-visible.dx-lookup-popup-wrapper.dx-lookup-popup-search.dx-overlay-modal.dx-overlay-shader>div>div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom.dx-popup-cancel.dx-popup-clear>div>div.dx-toolbar-after>div>div>div {
    background-color: var(--deblue) !important;
    
    width: 100% !important;
  }

  #resortImage>img {
    max-width: 100%;
    border-radius: 5px !important;
    width: 100% !important;
    height: unset !important;
  }



  h3[id^="ResortName_"]>img {
    margin-top: 10px;
  }

  div[id$="combobox"] {
    margin-bottom: 10px !important;
  }

  #contentContainer>div.container>div>div.col-12.mb-5>div {
    width: 100%;
  }

  #AddInventory>div.col-12.mb-5>div {
    width: 100%;
  }

  #menu {
    background-color: unset !important;
  }

  div.alert.alert-warning>table {
    font-size: 14px !important;
  }

  .menuTopLevel {
    padding-top: 10px !important;
    border-radius: 5px !important;
  }

  #ChooseOwnership2 {
    margin-left: 0px !important;
  }



  #AddInventoryContainer {
    margin-top: 3% !important;
  }

  #AddNewWeekSummary {
    margin-top: 30% !important;
  }

  div[id^="combobox"] {
    margin-bottom: 10px !important;
  }

  .btn-primary-StockOwnership {
    width: 100% !important;
  }

  #resortImage {
    min-width: unset !important;
    min-height: unset !important;
  }

  .headerText {

    text-align: center !important;
  }

  .dx-button {
    min-height: 45px;
  }

  #iexLoginBtnsRow .dx-button {
    background: var(--degoldh);
  }


  .dx-texteditor.dx-editor-outlined {
    min-width: 100%;
  }


  #resortDetailTabs {
    vertical-align: top;
    margin-left: 0px !important;
  }

  #resortResortUnitDetailsTemplate>div:nth-child(1) {

    flex-direction: column-reverse;

  }

  .tabpanel-item>div {

    margin: 0px !important;
  }

  #DirectionsContent>div:nth-child(3) {

    flex-direction: column;
  }

  #openMaps {
    min-width: 150px !important;
  }

  #buttonCont>div:nth-child(2)>button {
    color: var(--deblue) !important;
    /*background-color: white !important;*/
  }

  #readMore>button {

    float: unset !important;
    margin-left: 10px;
  }


  #loginForm {
    margin: 0px !important;
  }

  #filterContents>div:nth-child(2)>div:nth-child(1) {

    flex-direction: column;

  }



  #ctrlEditNameAddressContact1 {

    flex-direction: column;
    padding: 0px !important;
  }


  #btnEditGuest {

    margin-top: 20px;
  }

  div[id^=resortInfo] {

    flex-direction: column;

  }

  div[id^=resortInfo]>button {
    min-width: 150px;

  }

  div[id^=ResortName_] {
    margin-top: 20px;

  }


  #pointTransactionDateChooser>div:nth-child(2)>div:nth-child(2)>a>button {

    background: var(--deblue) !important;

  }

  .dx-accordion {
    background-color: unset;
  }

  .menuTopLevel {
    color: white !important;
    background: var(--deblue) !important;

  }

  #dxAddButton {
    background-color: var(--deblue) !important;
  }

  #resetButton {
    background-color: var(--degold);
    max-height: 45px;
    max-width: 150px;
  }

  .btn-secondary-StockOwnership {
    height: 50px !important;

    width: 100% !important;

  }


  .btn-primary-StockOwnership {

    height: 100% !important;
    padding: unset !important;

  }

  .dx-datagrid-headers {
    color: white !important;

  }

  .btn-tertiary-StockOwnership {

    width: 50% !important;
    left: 25% !important;

  }

  #AccountsSummary>div {
    min-width: unset !important;
  }

  #pageTitle {

    margin-top: 0% !important;
  }

  #headerLogoDiv {

    margin-left: 16%;
    margin-top: 15px !important;
    top: 0% !important;
  }

#headerLogo{
  max-width: 220px;
}


  #loginActions {
    padding-top: 0px !important;
    position: static !important;

    padding-bottom: 15px !important;
  }


  #pntSummary>button {

    margin-left: 30px !important;
    margin-right: 30px !important;
    border-radius: 0.25rem !important;

  }

  #resortUnitDetailRowTemplate {

    margin-right: 0px !important;
  }

  #openMaps>div>span {

    color: white !important;
  }


}

@media screen and (min-width: 769px) {
  #undecided .img-fluid {
    width: 25% !important;
    height: 40% !important;
  }

  span[id^=fromText_] {

    margin-left: 20px;
  }

  body>div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader>div>div.dx-popup-content {
    height: auto !important;
    width: auto !important;
    overflow: scroll !important;
  }
  body>div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader>div>div.dx-popup-content::-webkit-scrollbar {
    display: none;
  }
  #resort {
    padding: 10px;
  
  }

  #resort>div:nth-child(3) {

    margin-left: 20px;
  }

  #floatingDetailsDiv {
   

  }

  #availabilityReservation #editFormActual_editNames {
    width: 50%;
  }

  #availabilityReservation #editFormActual_editTelNoContacts {
    width: 50%;
  }

  #availabilityReservation #editFormActual_editContacts {
    width: 50%;
  }

  #feesBtn {
    background: var(--degold);

  }

  #dxAddButton {
    width: 200px !important;
    height: 50px !important;
    background-color: var(--degold);
    color: white;
  }

  .myTitleAction {
    display: none !important;
  }

  #dxAddButton>div>span {

    color: white !important;
  }

  #AddNewWeek {
    width: 180px !important;
    height: 45px !important;
  }

  #BottomButtons_59>tbody>tr>td>table:nth-child(1)>tbody>tr>td:nth-child(2) {
    padding-left: 27%;
  }



  .dx-popup-wrapper>.dx-overlay-content {
    max-width: 925px !important;
  }

  #resortDetailsTemplate {
    width: 100% !important;
  }

  #resortImage>img {
    border-radius: 0.25rem !important;
    min-width: 310px;
    min-height: 200px;
  }

  #resortImage2 {
    max-width: 300px !important;
    border-radius: 5px;
  }

  #map1 {
    width: 100% !important;
    height: 500px !important;
  }

  #accPaymentsFinTransactions {
    margin-right: 20px !important;
  }

  #dvMap>img {
    margin-left: 18% !important;
  }

  #discCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: unset;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px !important;
  }

  #availSearchPage>div:nth-child(1) {
    max-width: 357px !important;
  }

  #directionsDiv {
    flex-direction: column !important;
  }

  #StaticForm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  /*
  #xbtnCancelConf {
    background-color: white;
    color: var(--degold);
    font-weight: bolder;
    border-radius: 6px !important;
    height: 30px !important;
    border: 1px solid var(--deblue);
    width: 150px !important;
  }*/

  #ctrlViewAvailabilityOnHold {
    max-width: 370px !important;
  }

  #trArrearsAmount>div:nth-child(2) {
    flex-direction: row-reverse !important;
  }

  #map>img {
    margin-left: 18% !important;
  }

  #THC {
    margin-left: 18% !important;
  }

  #guestBlock>div>div:nth-child(2)>div:nth-child(3) {
    text-align: center !important;
  }

  #trArrearsAmount>div:nth-child(2) {
    margin-bottom: 20px !important;
    flex-direction: row-reverse;
  }


  .dx-texteditor.dx-state-readonly .dx-texteditor-input {
    font-family: Verdana, Geneva, sans-serif;
    color: var(--deblueh);
    font-weight: 500;
  }

  #StaticForm2 {
    width: 30% !important;
  }

  #xtxtArrearsAmount>input[type="hidden"] {
    font-weight: bold !important;
  }

  #xtxtTotalAmountPaying1 {
    width: 30% !important;
  }

  #xtxtName1 {
    width: 30% !important;
  }

  #xtxtBranchCode {
    width: 30% !important;
  }

  #xtxtAccountNo {
    width: 30% !important;
  }

  #paymentOptionsTab1 {
    height: 100% !important;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(1)>td {
    color: white !important;
    background-color: var(--degold);
    font-size: 0.9rem !important;
    text-align: center;
  }

  #buttonCont {
    flex-direction: unset !important;
    height: unset !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    min-width: unset !important;
  }

  #sizeCont {
    width: unset !important;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(7)>td {
    text-align: center;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(5)>td:nth-child(1) {
    vertical-align: middle;
  }

  #xgvwAvailabilityOnHold>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div>table>tbody>tr:nth-child(7)>td>a>u {
    font-size: 0.9rem;
  }

  #accTransAccountStatement {
    display: none;
  }

  #dvAccountSummary {
    display: inline-block;
    margin-right: 5px;
  }

  .dx-master-detail-cell {
    display: none !important;
  }

  #ctrlViewSection1 {
    margin-top: 20px;
  }

  #Step1Search {
    margin-bottom: 10px;
  }

  #Step2Search {
    margin-bottom: 10px;
  }

  #Step3Search {
    margin-bottom: 10px;
  }

  #Step4Search {
    margin-bottom: 10px;
  }

  #filterContents>div:nth-child(2)>div:nth-child(1) {
    padding-bottom: 10px !important;

  }

  #gridProfileAccounts {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: #3b3b3b;
  }

  #rcorners1 {
    padding: 20px !important;
    margin-right: 20px;


  }

  .rcorners1 {
    border-radius: 0.25rem !important;
    padding: 20px !important;

  }

  .dx-button {
    border-radius: 0px;
    width: 100% !important;
    height: 40px !important;
    border: 1px solid var(--degoldh);
    font-size: medium !important;
    color: var(--degold);
    max-width: 300px;
  }

  .dx-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;

  }



  .dx-button:hover {
    border: unset !important;
    color: white !important;
    background-color: var(--degold) !important;
  }

  .dx-button:hover .dx-button-text {
    color: white !important;
  }

  #btn {
    width: 50px !important;
  }

  #resortVideo>iframe {    height: 460px;
    width: 100% !important;
    
  }

  #ResortDirectionsFrom {
    width: 20% !important;
  }

  #xtxtReference {
    width: unset !important;
  }

  #xchkExcludeArrears1 {
    height: unset !important;
  }

  #rcorners1>div:nth-child(1) {
    justify-content: space-between !important;
  }

  .dx-texteditor {
    height: 34px !important;
    width: 100% !important;
  }

  #resortDetailsContentAreaDiv {
    width: 33% !important;
    min-width: 300px;
  }

  .dx-datebox input[type="date"] {
    width: 100% !important;
  }

  #datesDiv {
    flex-direction: column !important;
    align-items: flex-start !important;
  }


  #trStatements>div.combinedStat {
    padding-bottom: 15px;
  }

  #holdHolderParent {
    min-width: unset !important;
  }

  #page {
    margin: unset !important;
  }

  .loginText {
    font-size: 0.9rem !important;
  }

  #quickSearchInput {}

  #quickSearchButton {
    width: 145px !important;
    margin-top: 6px;
  }

  #xbtnShowAccountSummary>a {
    float: unset !important;
  }

  #headerRightSide {
    display: none;
  }

  #headerLeftSide {
    display: none;
  }

  #pointsStatementTitle {
    display: none;
  }

  .dx-datagrid-nowrap,
  .dx-datagrid-nowrap .dx-header-row>td>.dx-datagrid-text-content {
    white-space: nowrap;
    font-size: 14px;
  }

  #FromDate_UMA {
    width: 40% !important;
    height: 30px !important;
    margin-right: 10px;
  }

  #ToDate_UMA {
    width: 40% !important;
    height: 30px !important;
    margin-right: 10px;
  }

  #CountryListDropDown {
    width: 40% !important;
    height: 30px !important;
    margin-right: 10px;
  }

  #FromDateLabel {
    font-size: large !important;
  }

  #ToDateLabel {
    font-size: large !important;
  }

  #CountryLabel {
    font-size: large !important;
  }

  #GoButton>input {
    width: 150px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--degold) !important;
    color: var(--degold);
    background-color: white;
  }

  #GoButton>input:hover {
    text-decoration: underline;
  }

  .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #000000 !important;
    background-color: #f7f7f7;
  }

  #FromDate_UMA_Tab2 {
    width: 40% !important;
    height: 30px !important;
    margin-right: 10px;
  }

  #ToDate_UMA_Tab2 {
    width: 40% !important;
    height: 30px !important;
    margin-right: 10px;
  }

  #CountryListDropDown_Tab2 {
    width: 40% !important;
    height: 30px !important;
    margin-right: 10px;
  }

  #upgradeAvailabilityTitleAction {
    display: none !important;
  }

  #upgradeAvailabilityWrapper {
    border-width: 0px !important;
  }

  .dx-datagrid-group-closed {
    font: 25px/8px DXIcons;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    color: #959595;
  }

  .dx-datagrid-group-opened {
    font: 25px/18px DXIcons;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    color: #959595;
  }

  #pointTransactionDateChooser {
    flex-direction: column !important;
  }


  #btnEditGuest {
    width: 200px !important;

    margin-left: 15px;
  }

  #btnSaveMain {
    margin-top: 0px !important;
    width: 150px !important;
  
    margin-bottom: 10px !important;
  }

  #btnCancelMain {
    margin-top: 0px !important;

    width: 150px !important;

    margin-bottom: 10px !important;
  }

  #ChangePassword>div:nth-child(2)>a>button {
    width: 200px !important;


  }

  #CommunicationPreferencesTemplates>table>tbody>tr>td:nth-child(2)>u>button {
    border-radius: 5px !important;
    margin-top: 0px !important;

    border: 1px solid !important;
    font-size: 14px !important;
    width: 150px !important;
    height: 30px !important;
    font-weight: normal !important;
  }

  #Save_ComPref {
    border-radius: 5px !important;
    margin-top: 0px !important;

    border: 1px solid !important;
    font-size: 14px !important;
    width: 150px !important;
    height: 30px !important;
    font-weight: normal !important;
    margin-top: 45px !important;
  }

  #AdCommunicationPreferencesTemplates>table>tbody>tr>td:nth-child(2)>u>a>button {
    border-radius: 5px !important;
    margin-top: 0px !important;

    border: 1px solid !important;
    font-size: 14px !important;
    width: 150px !important;
    height: 30px !important;
    font-weight: normal !important;
    margin-top: 0px !important;
  }

  #SavePrefAd {

    width: 150px !important;

  }

  #HolidayPreferencesTemplates>table>tbody>tr>td:nth-child(2)>u>button {

    width: 150px !important;
  }

  #SaveContact {

    font-size: 14px !important;
    width: 150px !important;

  }

  #subSection {
    margin-top: 10px !important;
  }

  #pointTransactionDateChooser>div:nth-child(2) {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }


  #resortGallery2 {
    display: none !important;
  }

  #openMaps {
    display: none !important;
  }

  #resortGallery {
    
    width: 100% !important;
    max-width: 925px !important;
  }

  #resortImage2 {
    width: 100% !important;
    border-radius: 5px !important;
  }

  #resortDetailsContentAreaDiv>.address {
    background-color: var(--dhrbackground) !important;
    border: 1px solid var(--degold);
    padding: 10px;
    vertical-align: top;
  }

  #ctrlEditNameAddressContact>div:nth-child(3) {
    margin-right: 10px !important;
  }

  #searchButtonDiv {
    width: 100% !important;
  }

  #emailBlock {
    padding-left: 10px;
    margin-left: 5px !important;
  }

  #telBlock {
    padding-left: 10px;
    margin-left: 5px !important;
  }

  #address {
    padding: 10px;
    margin-left: 5px;
    font-size: 14px;
  }

  #datesGrid {
    width: 100% !important;
  }


  #availSearchBtn {
    width: 100% !important;
  }

  #sumData {
    width: 100%;
  }

  #AccountsSummary {
    margin-right: 10px !important;
  }

  #btnSearch {
    background-color: white;

  }

  #areaSearchContent>div:nth-child(2)>div:nth-child(2)>div:nth-child(3)>div {
    width: 100px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-simulated>div>div>div.dx-scrollable-content>div>table>div>div:nth-child(2)>div:nth-child(4)>div:nth-child(2)>div {
    width: 200px !important;
  }

  #backToSearchResults>button {
    background-color: white !important;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 50px;
    color: var(--degold);
    min-width: 100%;
  }

  #backToSearchResults>button:hover {
    text-decoration: underline;
  }

  div[id^="#BottomButtons_"]>tbody>tr>td>table:nth-child(1)>tbody>tr>td:nth-child(2)>input[type="button"] {
    background-color: white;
    color: var(--degold) !important;
    border: 1px solid !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 31px;
    border-radius: 5px !important;
  }

  div[id^="#ButtonOpen_"] {
    background-color: white;
    color: var(--degold) !important;
    border: 1px solid !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 31px;
    border-radius: 5px !important;
  }

  div[id^="#ButtonInfo_"] {
    background-color: white;
    color: var(--degold) !important;
    border: 1px solid !important;
    width: 200px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 31px;
    border-radius: 5px !important;
  }

  /*
  #xbtnEditConf {
    background-color: white;
    color: var(--degold) !important;
    border: 1px solid !important;
    width: 100px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 31px;
    border-radius: 5px !important;
  }*/

  div[id^="specialsRow"] {
    flex-direction: column !important;
  }

  div[id^="specialsBtn"] {
    background-color: white;
    color: var(--degold) !important;
    border: 1px solid !important;
    width: 150px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 31px;
    border-radius: 5px !important;
  }

  #availabilityResults>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-simulated>div>div>div.dx-scrollable-content>div>table>div>div:nth-child(2)>div:nth-child(4)>div:nth-child(3)>input {
    border-radius: 5px !important;
    height: 31px !important;
  }

  #xbtnConfirm>div {

    font-size: 0.9rem !important;
  }

  #xbtnConfirm {
    height: 45px !important;
    width: 250px !important;
    background-color: var(--deblue);
  }

  #xbtnBack {
    height: 45px !important;
    width: 250px !important;
  }

  #accountSummaryData {
    margin-right: 10px !important;
  }

  #resortSearchMainPanel {
    margin-right: 40px !important;
  }

  #resortDetailsContentAreaDiv {}

  #accountPage>div:nth-child(3) {
    margin-left: 60px;
  }



  #PointsStatementContent>div>div>a {
    margin-left: 35% !important;
  }

  #pymtOpnsBox {
    margin-top: 10px !important;
  }

  #memberDetailsContent {}

  #accountOverviewBox {
    margin-top: 10px !important;
  }

  #availSearchPage>div:nth-child(1) {
    margin-right: 20px !important;
  }

  #holdHolder {
    margin-right: 20px !important;
  }


  #ctrlViewAvailabilityOnHold {
    /*margin-right: 20px !important;*/
    
  }



  #availabilityConfirmation {
    flex-direction: column-reverse !important;
  }

  #divSearchControl>div:nth-child(10)>div {
    margin-right: 0px !important;
  }

  #memberDetailsBox {
    width: 100%;
  }

  #item {
    border-color: #e5e5e5 !important;
    border-style: outset !important;
    padding: 40px !important;
    border-radius: 0.25rem;
    margin-top: 10px;
    background-color: white;
  }

  #item1 {
    border-color: #e5e5e5 !important;
    border-style: outset !important;
    padding: 40px !important;
    border-radius: 0.25rem;
    margin-top: 10px;
    background-color: white;
  }

  body>div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader>div>div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title.dx-has-close-button>div>div.dx-toolbar-after>div>div>div {
    border: unset !important;
  }

  #gridContainerContact>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap>div>table>div:nth-child(3)>div {
    background: unset !important;
  }

  .dx-button-text {
    line-height: normal;
    font-size: medium !important;
    color: var(--degold);

  }

  #valueSummaryies {
    margin-bottom: 20px !important;
    margin-bottom: 10px !important;
  }

  #dateTypeSelect {
    width: 100px !important;
  }

  #countrySearchButton {
    width: 100px !important;
  }

  #areaSearchButton {
    width: 150px !important;
  }

  #districtSearchButton {
    width: 100px !important;
  }

  #availFilters {
    margin-top: 20px !important;
  }

  #resortUnitDetailRowHeader>div:nth-child(5)>div:nth-child(3) {
    margin-left: 10px !important;
  }

  #udBlock {
    margin-top: 20px !important;
  }

  #loginForm>div>div:nth-child(3)>div:nth-child(2) {
    flex-direction: column !important;
    margin-top: 20px !important;
  }


  #popupContent .dx-button-content {
    background: unset !important;
  }

  body>div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader>div {
    border-radius: 5px !important;
    height: unset !important;
  }

  #specialsRow0 {
    flex-direction: column !important;
  }

  #whoOccupy {
    /*flex-direction: column !important;
    margin-right: 10px !important;*/
  }

  #availTable {
    background-color: orangered;
  }



  #editBlock {
    background: white !important;
    border-radius: 6px;
    padding: 5px;
  }

  .dx-menu-base .dx-menu-item-content {
    padding: 5px 10px;
  }



}

/*//Boot strap classes*/
.text-primary {
  color: var(--deblueh) !important;
}

.text-secondary {
  color: var(--degold) !important;
}

.btn-primary {
  background-color: var(--deblueh) !important;
  border-color: var(--deblueh) !important;
}

.btn-primary:hover {
  background-color: #094c71 !important;
  border-color: #094c71 !important;
}

.btn-outline-primary {
  color: var(--deblueh);
  border-color: var(--deblueh) !important;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--deblueh) !important;
  border-color: var(--deblueh) !important;
}

.btn-secondary {
  background-color: var(--degold) !important;
  border-color: var(--degold) !important;
}

.btn-secondary:hover {
  background-color: #00264f !important;
  border-color: #00264f !important;
}

/* Home Page */
.home-banner {
  background-image: url("seasonal-banner.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.corner-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 170px 170px 0;
  border-color: transparent #ed1b25 transparent transparent;
}

.corner-text {
  position: absolute;
  top: 15px;
  right: 10px;
  transform: rotate(45deg);
  color: white;
  width: 100px;
  height: 100px;
  font-size: 20px;
  text-align: center;
  line-height: 1.1em;
  text-transform: uppercase;
}

/* Footer */
.footer {

  background-size: 80%;
  background-repeat: no-repeat;
  background-position: top center;
}

.bg-primary {
  background-color: var(--deblueh) !important;
}

.progress-bar {
  background-color: var(--deblueh) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--deblueh) !important;
}

@media only screen and (min-width: 992px) {
  .home-banner {
    height: 70vh;
    max-height: 450px;
  }

  .corner-triangle {
    border-width: 0 200px 200px 0;
  }

  .corner-text {
    right: -15px;
    width: 150px;
    height: 100px;
    font-size: 26px;
  }

  #availabilityReservation>div:nth-child(3) {
    width: 100%;
  }
}

@media all and (-ms-high-contrast: none) and (-ms-high-contrast: active) {
  #resortDirectoryPanel .cornerBox {
    width: 790px;
  }

  #resortInfoTemplate>div {
    padding: 10px;
  }

  #ctrlSelectInternationalResort>div {
    max-width: 300px !important;
  }

  #form>div:nth-child(2) {
    max-width: 280px !important;
  }

  #form>div:nth-child(5) {
    max-width: 280px !important;
  }

  div[id^="pointSummaryData"] {
    height: 100%;
  }

  #PointsStatementBox {
    margin-top: 30px;
  }

  #buttonCont {
    flex-direction: row !important;
    height: 50px !important;
  }

  #xbtnProceed {
    width: 300px !important;
  }

  #map {
    padding-top: 35px;
  }

  #ctrlViewSection1>div {
    flex-direction: column-reverse;
  }

  #contentContainer>div>div.col-12.col-md-8.col-lg-9 {
    padding-left: 70px;
  }

  #sumData {
    width: 68% !important;
  }

  #ctrlViewSection2 {
    flex-direction: column;
    margin-top: 60px;
  }

  #viewReservationSplitBox>div:nth-child(1)>div {
    min-width: 250px !important;
    max-width: 250px !important;
  }

  #viewReservationGrid>div>div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-simulated>div>div>div.dx-scrollable-content>div>table {
    min-width: 750px;
    max-width: 750px;
  }

  #bookingsGridPanel {
    min-width: 780px;
    max-width: 780px;
  }

  #buttonsDiv {
    width: 780px !important;
  }

  div[id^="carousel"]>div.carousel-inner>div.carousel-item.active>img {
    padding-right: 20px;
  }

  #contentContainer>div.py-3.d-md-flex.flex-md-wrap.align-items-stretch>div:nth-child(1)>p {
    width: 100%;
  }

  #contentContainer>div.py-3.d-md-flex.flex-md-wrap.align-items-stretch>div:nth-child(2)>p {
    width: 100%;
  }

  #contentContainer>div.py-3.d-md-flex.flex-md-wrap.align-items-stretch>div:nth-child(3)>p {
    width: 100%;
  }

  #contentContainer>div.py-3.d-md-flex.flex-md-wrap.align-items-stretch>div:nth-child(4)>p {
    width: 100%;
  }

  #ctrlEditNameAddressContact {
    min-width: 960px;
  }

  #row #resortResultRowTemplate #resortInfo .description {
    width: 100% !important;
  }

  #holdHolderParent {
    max-width: 250px !important;
  }

  #divSearchControl>div:nth-child(11)>div:nth-child(1) {
    flex-direction: column;
  }

  #availSearchPage {
    max-width: 87%;
  }

  #availFilters>div {
    max-width: 300px !important;
  }

  #rcorners1 {
    min-width: 780px;
  }

  #searchAvailabilityCorners {
    min-width: 780px;
  }

  #ctrlViewSection2 {
    display: flex !important;
  }

  #resortDetailsContentAreaDiv {
    max-width: 300px !important;
  }

  .bg-primary {
    color: white;
  }

  #bookingsGridPanel {
    min-width: 780px !important;
  }

  #Step1Search {
    min-width: 780px !important;
  }

  #ctrlViewAvailabilityOnHold {
    max-width: 385px !important;
    min-width: 280px !important;
  }

  #idealFor {
    padding-left: 55px !important;
  }

  [aria-label="chevronright"] {
    width: 30px !important;
  }

  [aria-label="chevronleft"] {
    width: 30px !important;
  }

  .dx-calendar-caption-button {
    width: 77% !important;
  }

  .border-end {
    border-radius: 0.3rem;
  }

  #Step1Search .py-2 {
    text-align: center;
  }

  #topResultsImage .py-2 {
    text-align: center;
  }

  #sectionDetails1 .py-2 {
    text-align: center;
  }

  .sectionDetails1 .py-2 {
    text-align: center;
  }

  #ctrlViewSection1 .py-2 {
    text-align: center;
  }

  #basketBlock {
    max-width: 300px;
  }

  #editBlock {
    display: block !important;
  }

  #xbtnAddNew {
    width: 190px !important;
  }

  #ctrlEditNameAddressContact {
    padding: 10px;
    min-width: 1140px !important;
  }

  .dx-tab.dx-tab-selected {
    background: var(--degold);
  }

  .dx-tabpanel .dx-tabs .dx-tab {
    height: 45px;
  }

  .dx-item .dx-tab .dx-tab-selected {
    height: 45px;
  }

  .dx-tabpanel-tabs .dx-tabs {
    height: 45px !important;
  }

  .dx-tabpanel-container {
    margin-top: 5px !important;
    padding-top: 0px !important;
  }

  .dx-tab-selected {
    float: none;
  }

  .dx-tab {
    background-color: white;
    background: none;
  }

  .dx-tabs dx-widget .dx-visibility-change-handler .dx-collection .dx-tabs-expanded {
    height: 45px;
  }
}


.menuSubLevel {
  width: 100%;
}

#dhrVertMenuDivider {
  background: var(--degold);
  height: 1px;
  width: 100%;
}

#dhrVertMenuBottom {
  background: var(--degold);
  height: 6px;
  width: 100%;
}

#dhrVertMenuBottomDivider {
  background-color: var(--deblue);
  width: 1px;
}


.roundedOwnership {
  border-radius: 0.25rem;
  box-sizing: border-box;
  background-color: var(--dhrbackground) !important;
  padding: 20px;
  border-left: 5px solid var(--degold);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .125) !important;
}

.rounded-3StockOwnership {
  margin-top: 20px;
  border-radius: 5px !important;
  width: 40%;
  float: right;

}

#undecided>div:nth-child(1)>div.alert.alert-warning>table>tbody>tr>td {
  color: black;
}

div.alert.alert-warning>table>tbody>tr>td {
  border-style: hidden !important;
  color: black;
}

#logoutDiv>div>div:nth-child(3) {

  display: none !important;
}

#participantNameHref {
  margin-right: 10px;
}

#launcher-frame {
  left: 90% !important;
}

#freshworks-frame-wrapper {
  left: unset !important;
}

div[id^="gridcontainer"] {
  margin-bottom: 15px;
}

div[id^="gridcontainer"] .dx-header-row {
  background: unset !important;
}

.dx-menu-item-expanded {
  background-color: unset !important;
}

.btn-primary-StockOwnership {
  border: none !important;
  border-radius: 5px;
  background: var(--deblue);
  color: white !important;
  width: 200px !important;
  height: 40px !important;
}

.btn-primary-StockOwnership:hover {
  text-decoration: underline !important;
}

.btn-secondary-StockOwnership {
  /* padding: 10px !important; */
  border-radius: 5px;
  color: white !important;
  background: var(--degold);
  border: unset;
  width: 15%;
  height: 60px;
  margin-left: auto;
  margin-right: 0;
  margin-top: 3%;
}

.btn-secondary-StockOwnership:hover {

  text-decoration: underline !important;
}


.dx-datagrid-content .dx-datagrid-table .dx-row>td,
.dx-datagrid-content .dx-datagrid-table .dx-row>tr>td {
  vertical-align: middle !important;
  white-space: break-spaces;
}

WeekGrid

div[id^="gridcontainer"]>div>div.dx-datagrid-headers.dx-datagrid-nowrap>div>table>tbody>tr {
  font-weight: 500 !important;
}

#dhr>div>img {
  width: 20px !important;
  height: 55px !important;
}

#VMS>div>img {
  width: 48px !important;
  height: 55px !important;
}

#dhr {
  width: 360px !important;
  height: 80px !important;
}

#VMS {
  width: 360px !important;
  height: 80px !important;
}

hr.roundedHr {
  border-top: 4px solid var(--degold);
  border-radius: 5px;
  margin-top: 3%;
  margin-bottom: 3%;
}

#dvbtnNext>div>span {
  color: var(--deblue) !important;
}



@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.blurBackground {
  backdrop-filter: blur(5px);
}

#AddInventory>div.col-12.mb-5>div {
  margin-top: 20px;
}

#ChooseOwnership2 {
  margin-left: 21%;
}



#AddInventoryContainer>div:nth-child(7) {
  align-items: self-end;
}

#ChooseOwnership {
  margin-top: 3%;
}

#ChooseOwnership2 {
  margin-bottom: 15px;
}

#ChooseOwnership>div:nth-child(1)>h1 {
  margin-bottom: 20px !important;
}

#ChooseOwnership>div:nth-child(2) {
  padding-bottom: 15px !important;
}

#loginDiv>div:nth-child(2) {
  display: inline-block;
}

#loginDiv>div:nth-child(3) {
  display: inline-block;
}


/*
 chris static css from live
 */

/* Shared Styles */

.dhr2020-wrapper {
  width: 970px;
  display: block;
  overflow: hidden;
  font-family: Verdana, Geneva, sans-serif;
  color: var(--deblueh);
  font-weight: 400 !important;
  font-size: 16px;
}

.dhr-hr {
  height: 1px;
  display: block;
  border: none;
  width: 100%;
  background: #ccc;
}

.dhr2020-blue {
  color: var(--deblue) !important;
}

.dhr2020-green {
  color: var(--degold) !important;
}

a.dhr2020-link {
  color: var(--degold) !important;
  text-decoration: none;
}

a.dhr2020-link:hover {
  color: var(--degoldh);
  text-decoration: underline;
}

.dhr2020-bold-text {
  font-weight: 700;
}

.dhr2020-center {
  text-align: center;
}

.dhr2020-h2 {
  font-weight: 400 !important;
  font-size: 40px;
}

.dhr2020-h3 {
  font-weight: 400 !important;
  font-size: 30px;
  color: var(--deblueh)
}

.dhr2020-h4 {
  font-weight: 400 !important;
  font-size: 22px;
  color: var(--deblueh)
}

.dhr2020-heading-lead {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 10px;
}

.dhr2020-large-lead {
  font-size: 22px;
}

.dhr2020-lead {
  font-size: 18px;
  line-height: 30px;
}

a.dhr2020-btn {
  color: white !important;
  display: inline-block;
  font-size: 18px;
  color: white;
  padding: 15px 25px;
  border-radius: 5px;
  box-sizing: border-box;
  text-decoration: none;
  margin: 10px auto;
}

a.dhr2020-btn-green {
  background-color: var(--degold);
  border: 2px solid var(--degold);
}

a:hover.dhr2020-btn-green {
  background-color: var(--degoldh);
  border: 2px solid var(--degoldh);
}

a.dhr2020-btn-blue {
  background-color: var(--deblue);
  border: 2px solid var(--deblue);
}

a:hover.dhr2020-btn-blue {
  background-color: var(--deblue);
  border: 2px solid var(--deblue);
}

a.dhr2020-btn-outline {
  border: 2px solid var(--deblue);
  color: var(--deblue) !important;
}

a:hover.dhr2020-btn-outline {
  background-color: var(--deblue);
  border: 2px solid var(--deblue);
  color: white !important;
}

.dhr2020-row {
  display: flex;
  box-sizing: border-box;
  width: 970px;
}

.dhr2020-padding-t {
  padding-top: 30px;
}

.dhr2020-padding-b {
  padding-bottom: 30px;
}

.dhr2020-margin-t-0 {
  margin-top: 0 !important;
}

.dhr2020-margin-b-0 {
  margin-bottom: 0 !important;
}

.dhr2020-margin-b-3 {
  margin-bottom: 30px !important;
}

.dhr2020-margin-r-3 {
  margin-right: 30px !important;
}

.dhr2020-col-12 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.dhr2020-col-6 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}

.dhr2020-col-7 {
  display: block;
  box-sizing: border-box;
  width: 60%;
}

.dhr2020-col-5 {
  display: block;
  box-sizing: border-box;
  width: 40%;
}

.dhr2020-col-3 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}

.dhr2020-join-container {
  display: block;
  background: #f8f9fa;
  width: 970px;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
  margin: 30px 0;
}

.dhr2020-grey-bg {
  background: #f8f9fa;
}

/* Home Page */

.dhr2020-home-header {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 970px;
  height: 400px;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 95px;
  color: white;
  margin-bottom: 50px;
}

.dhr2020-home-header-text {
  width: 530px;
  margin-left: 40px;
}

.dhr2020-home-header h1 {
  color: white;
  font-size: 48px;
  font-weight: 400 !important;
  margin-top: 0;
  margin-bottom: 20px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.dhr2020-home-header p {
  font-size: 22px;
  margin-top: 0;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.dhr2020-home-header-btns {
  display: block;
  height: 70px;
  width: 810px;
  position: absolute;
  left: 80px;
  bottom: -35px;
}

a.middle-btn,
a.left-btn,
a.right-btn {
  display: block;
  color: white !important;
  width: 270px;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  float: left;
}

.middle-btn {
  background-color: var(--degold);
  height: 70px;
  line-height: 70px;
}

.left-btn,
.right-btn {
  margin-top: 5px;
  background-color: var(--degold);
  height: 60px;
  line-height: 60px;
}

.middle-btn:hover {
  background-color: var(--degoldh);
}

.left-btn:hover,
.right-btn:hover {
  background-color: var(--degoldh);
}

.dhr2020-icon-text-container {
  background: #f8f9fa;
  width: 300px;
  min-height: 100px;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 20px;
}

.dhr2020-icon-text-container img {
  float: left;
  margin-top: 4px;
}

.dhr2020-icon-text-container h5 {
  float: right;
  font-size: 18px;
  width: 170px;
  font-weight: normal;
}

.dhr2020-icon-text-container p {
  float: right;
  font-size: 15px;
  width: 170px;
}

.dhr2020-icon-text-spacing {
  margin-left: 35px;
  margin-right: 35px;
}

.dhr2020-img-heading-container {
  background: #f8f9fa;
  width: 220px;
  min-height: 100px;
  box-sizing: border-box;
  padding: 20px 10px;
  margin-bottom: 30px;
  border-radius: 20px;
  text-align: center;
}

.dhr2020-img-heading-container-space {
  margin-right: 30px;
}

.dhr2020-img-heading-container img {
  margin-bottom: 10px;
}

.dhr2020-img-heading-container h5 {
  font-size: 16px;
  font-weight: normal;
  color: #677788 !important;
}

.dhr2020-step {
  text-align: center;
  width: 170px;
  font-size: 18px;
  margin-bottom: 40px;
}

.dhr2020-step-img {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin: 0 auto 0px auto;
}

.dhr2020-step-divider {
  margin-top: 40px;
  display: block;
  width: 230px;
  height: 1px;
  background: #bababa;
}

.dhr2020-calculator-container {
  padding: 40px;
  border-radius: 20px;
  box-sizing: border-box;
  background-color: var(--dhrbackground);
  border: 1px solid var(--degold);
}

/* Fees Page */

.dhr2020-exchange-choice {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}

img.dhr2020-exchange-choice-icon {
  float: left;
}

.dhr2020-exchange-choice-text {
  float: right;
  width: 320px;
}

.dhr2020-exchange-choice-text h4 {
  margin-top: 0;
}

.dhr2020-fee-table-container {
  background: white;
  float: right;
  margin-right: 5px;
  width: 90%;
  border-radius: 0.25rem;
  padding: 30px 25px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.dhr2020-fee-table-container h3 {
  margin-top: 0;
  font-size: 26px;
}

table.dhr2020-fee-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: 15px;
}

table.dhr2020-fee-table thead {
  font-weight: bold !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.dhr2020-fee-table thead tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.dhr2020-fee-table th {
  padding: 10px 0;
}

table.dhr2020-fee-table td {
  padding: 10px 0;
}

thead th:nth-child(1) {
  width: 50%;
  text-align: left;
}

thead th:nth-child(2) {
  width: 25%;
  text-align: center;
}

thead th:nth-child(3) {
  width: 25%;
}

/*
tbody td:nth-child(2),
tbody td:nth-child(3) {
  text-align: center;
}*/

/* Why dhrchange */

.dhr2020-competitors-container {
  background: white;
  margin: 0 auto;
  width: 960px;
  border-radius: 0.25rem;
  padding: 30px 25px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

table.dhr2020-competitors-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: 15px;
  background: #f5f5f5;
  border-radius: 0.25rem;
}

table.dhr2020-competitors-table th {
  padding: 10px 20px;
}

table.dhr2020-competitors-table td img {
  width: 38px;
  height: 38px;
}

.dhr2020-category-heading {
  background: #e5e5e5;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 20px;
}

table.dhr2020-competitors-table td {
  padding: 5px;
}

table.dhr2020-competitors-table td.dhr2020-benefits-text {
  padding: 10px 20px;
}

.dhr2020-benefits-alt-row {
  background-color: #efefef;
}

.dhr2020-key {
  display: flex;
  align-items: center;
  margin: 30px auto 0 auto;
  width: 470px;
}

.dhr2020-key img {
  width: 38px;
  height: 38px;
  margin: 0 10px;
}

.dhr2020-extras-spacing {
  margin-right: 25px;
}

.dhr2020-extras-container {
  border-radius: 20px;
  padding: 20px;
}

.dhr2020-middle-column {
  display: block;
  box-sizing: border-box;
  width: 80px;
  margin: 0 5px;
  padding-top: 50px;
}

.dhr2020-side-column {
  display: block;
  box-sizing: border-box;
  width: 440px;
}

.dhr2020-step-number-vertical {
  border: 4px solid var(--deblue);
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  color: var(--deblue);
  font-size: 30px;
  line-height: 72px;
  border-radius: 100%;
}

.dhr2020-step-divider-vertical {
  display: block;
  height: 80px;
  width: 4px;
  margin: 0 auto;
  background: var(--deblue);
}

.dhr2020-step-container {
  position: relative;
  background: #f8f9fa;
  min-height: 100px;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 20px;
  width: 400px;
}

.dhr2020-step-container-left:after {
  position: absolute;
  top: 30px;
  right: -30px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent #f8f9fa;
}

.dhr2020-step-container-right {
  margin-left: 35px;
}

.dhr2020-step-container-right:after {
  position: absolute;
  top: 30px;
  left: -30px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 20px 0;
  border-color: transparent #f8f9fa transparent transparent;
}

#dhr2020-step1:after {
  top: 60px;
}

#dhr2020-step2 {
  margin-top: 140px;
}

#dhr2020-step2:after {
  top: 85px;
}

#dhr2020-step3 {
  margin-top: 90px;
}

#dhr2020-step3:after {
  top: 120px;
}

#dhr2020-step4 {
  margin-top: 70px;
}

#dhr2020-step4:after {
  top: 120px;
}

#dhr2020-step5 {
  margin-top: 170px;
}

#dhr2020-step5:after {
  top: 75px;
}

#dhr2020-step6 {
  margin-top: 150px;
}

#dhr2020-step6:after {
  top: 120px;
}

.dhr2020-step-container img {
  float: left;
}

.dhr2020-step-content {
  width: 270px;
  display: inline-block;
  margin-left: 20px;
}

.dhr2020-step-content h3 {
  font-size: 22px;
  margin-top: 0;
}

.dhr2020-step-content p {
  font-size: 15px;
}

/*
 this must all go in the sass file C99D65
 below web teams overrides 004976
 */
/* Bootstrap Overwrites */

:root {
  --dhrbackground: white;

  --deblue: #004976;
  --deblueh: #003759;
  --dered: #9D2235;
  --delightblue: #00B6C9;
  --degold: #C99D65;
  --degoldh: #98774c;

}

/**************** @FONTS ****************/

body {
  font-family: 'Open Sans', sans-serif;
  color: #495054;
}

/**************** Additional Styles ****************/


#homeBanner {
  background-color: #004976;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 1199px) {
  #homeBanner {
    min-height: 450px;
    background-position: center;
  }

}

@media only screen and (min-width: 769px) and (max-width: 1299px) {

  .dx-menu-horizontal {
    display: block !important;

  }

  .dx-menu-adaptive-mode {
    display: none !important;
  }

  #menu {
    text-align: center;
    border-bottom: 3px solid #dee2e6 !important;
  }

  .dx-menu-base .dx-menu-item-content {
    padding: 10px 10px;
}

}
@media only screen and (min-width: 1200px) {
  #homeBanner {
    min-height: 550px;
  }

 
}

@media only screen and (min-width:1300px){
  .dx-menu-horizontal {
    display: block !important;

  }

  .dx-menu-adaptive-mode {
    display: none !important;
  }

  #menu {
    height: 45px !important;
    color: white;
    text-align: center;
    top: -65px;
    width: fit-content;
    margin-left: 25%;
  }
}

#benefitsTable td:nth-child(2),
#benefitsTable td:nth-child(3) {
  text-align: center;

}

.vertical-timeline {
  position: absolute;
  background-color: var(--deblue) !important;
  width: 5px;
  left: 50%;
  top: 50px;
  bottom: 0px;
  border-radius: 5px;
}

.step {
  background: #F8F9FA;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 20px;
}

.number {
  text-align: center;
  border: 4px solid var(--deblue);
  background-color: #FFF;
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  color: var(--deblue);
  font-size: 30px;
  line-height: 72px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 30px;
}

.btn-lg {
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: .25rem;
}



/* Large devices (desktops, 992px and up) */
@media (min-width: 991px) {
  .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
  }

  .step {
    min-height: 100px;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 20px;
    margin-right: 80px;
  }

  .step:after {
    position: absolute;
    top: 40px;
    right: -30px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 30px;
    border-color: transparent transparent transparent #F8F9FA;
  }

  .step-even {
    margin-left: 80px;
  }

  .step-even:after {
    left: -30px;
    content: '';
    border-width: 20px 30px 20px 0;
    border-color: transparent #F8F9FA transparent transparent;
  }

  .number {
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  .number-left {
    left: -40px;
  }

  .number-right {
    right: -40px;
  }


}

/* Bootstrap Overwrites */



a {
  color: var(--deblue);
}

a:hover {
  color: var(--deblueh);
}

/* Background Colours */

.bg-primary {
  background-color: var(--degold) !important;
}

.bg-secondary {
  background-color: var(--deblue) !important;
}

.text-primary {
  color: var(--deblueh) !important;
}

.text-secondary {
  color: var(--degold) !important;
}

.btn-primary {
  background-color: var(--deblue) !important;
  border-color: var(--deblue) !important;
}

.btn-primary:hover {
  background-color: var(--deblueh) !important;
  border-color: var(--deblueh) !important;
}

.btn-outline-primary {
  color: var(--degold);
  border-color: var(--degold) !important;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--degoldh) !important;
  border-color: var(--degoldh) !important;
}

.btn-secondary {
  background-color: var(--degold) !important;
  border-color: var(--degold) !important;
}

.btn-secondary:hover {
  background-color: var(--degoldh) !important;
  border-color: var(--degoldh) !important;
}

.btn-outline-secondary {
  color: var(--deblue);
  border-color: var(--deblue) !important;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--deblueh) !important;
  border-color: var(--deblueh) !important;
}

.border-primary {
  border-color: var(--degold) !important;
}

.border-secondary {
  border-color: var(--deblue) !important;
}

.progress-bar {
  background-color: var(--degold) !important;
}

.accordion-button:not(.collapsed) {
  color: var(--deblue) !important;
}

.accordion-button::after {
  color: var(--deblue) !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%3dc4d0' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

#premHolCover {
  display: none;
}

#dhrAffil {
  display: none;
}

#statusSearchOpts {
  width: 250px;
}

@media screen and (min-width: 769px) {}

#feesBtn {
  width: 70px !important;
}



#feesBtn .dx-button-text {
  color: white;
}

#xbtnProceed {
  width: 240px !important;
}

.dx-icon .dx-icon-close {
  width: unset !important;
}

body>div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader>div>div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title.dx-has-close-button>div>div.dx-toolbar-after>div>div>div {
  border: unset !important;
  width: unset !important;
}

#NextAnniversaryDateRow {
  display: none;
}

#fullPointsDetails {
  display: none;
}

.btn-tertiary-StockOwnership {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: white;
  width: 30%;
  height: 50px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--deblue) !important;
  border-color: var(--deblue) !important;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-tertiary-StockOwnership:hover {

  text-decoration: underline !important;
}

.gridAlign {
  vertical-align: middle !important;
  height: 50px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row>td,
.dx-datagrid-content .dx-datagrid-table .dx-row>tr>td {
  vertical-align: middle !important;
  height: 40px;
}

#resortDetailTabs {
  vertical-align: top;
  margin-left: 40px;
}



.widget-container {

  padding: 20px;
  padding-top: 10px !important;
  max-width: 550px;
  min-width: 300px;
  border-radius: 5px;
}

.dx-checkbox-text {

  padding-left: 35px;
}

#form .dx-box-item {
  margin-top: 10px;
}

#form .dx-field-item-label {
  margin-top: 5px;
}


#register>div {

  color: white !important;
  font-size: medium;
}


#register>div {

  color: white !important;
  font-size: medium;
}


#TermsAndConditions {
  background-color: var(--degold);
}

#TermsAndConditions>div {
  text-align: center;
}

#TermsAndConditions>div>span {
  color: white !important;
  font-size: medium !important;
}

.dx-overlay-shader {
  pointer-events: auto;
  background-color: rgba(50, 50, 50, 0.6) !important;
}

.dx-texteditor.dx-state-focused {
  border: 0;
}

body>div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader>div>div.dx-popup-content {

overflow: scroll !important;
}

/*
#loginTitle + div.dx-popup-content {
  height: auto !important;
  width: auto !important;
  }*/

#loginForm {

  margin: 20px;
}

.dx-texteditor.dx-editor-outlined {
  background: #fff;
  height: 40px !important;
  border-radius: 0.25rem;
  font-family: "Verdana", sans-serif;
  outline: 0;
}


.dx-loadindicator {
  width: 60px !important;
  height: 60px !important;

}

.dx-overlay-wrapper {
  font-size: 16px;
}

.dx-loadpanel-message {
  text-align: center;
  font-size: 16px;
}

#editContactsDefaultsButtonRow {

  flex-direction: column;
}

.card {

  height: fit-content;
}




.headerText {
  font-family: var(--bs-body-font-family);
  color: var(--deblueh);
  margin: 0 auto;
  width: auto;
  font-size: 22px;
  font-weight: 600;
  vertical-align: top;
  text-align: left;
  width: 100%;
  white-space: pre-wrap;
}

.dx-tabpanel>.dx-tabpanel-container>.dx-multiview-wrapper {
  border: 1px solid rgba(0, 0, 0, .125);
}

#resortImage {
  min-width: 300px;
  min-height: 200px;
}

#xbtnSetDate {
  min-width: 40px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 5px;

}

#downloadPDFAccountStatement {
  margin-left: 40px;
  margin-top: 8px;
}

#resortResultRowTemplate>div {
  flex-direction: column;

}

#resortInfo {

  margin-right: 10px;
}



#resetButton {
  max-width: 200px;
  height: 50px;
  min-height: 50px;
}

#pointSummaryData>div>div:nth-child(1)>div.headerText {

  margin-bottom: 20px;
}

body>div.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper>div {

  min-width: 270px;
}

#setDefaultsButton {

  max-width: 200px;
}

#ctrlEditNameAddressContact1 {
  padding: 40px;
  padding-top: 20px !important;
  justify-content: space-evenly !important;
}



#editTelNosDemo {}

#AboutMeTemplate>div:nth-child(2)>table>tbody>tr {
  margin-top: 20px;
}



.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: unset;
}

#form>div>div>div>div:nth-child(4)>div {

  flex-direction: column !important;

}

#accountPage>div:nth-child(1) {

  align-content: baseline;
}

#resortQuickSearchContainer>div {
  align-items: flex-end;
}

div[id^=btnOpen_] {

  max-width: 200px;
  background-color: var(--deblue);
  margin-bottom: 20px;

}

div[id^=btnOpen_]>div>span {

  color: white !important;
  /* and so on... */
}



#buttonCont>div:nth-child(2)>button {
  min-width: 100%;
  background-color: var(--deblue);
  color: white !important;
}

#availDetailPageLeftCol .dx-button {
  max-width: 100px !important;
  /* max-width: 100px;*/
}

.dx-multiview-item.dx-item-selected {

  border: 1px solid var(--deblue);

}

#buttonsDiv .dx-button {

  font-weight: unset !important;
}


#undecided .btn-primary-StockOwnership {
  min-width: 97px;
  max-width: 100px;
}



#pouptext>h5>span {

  font-size: medium;
  font-weight: 400;

}

#pouptext>h5:nth-child(2) {

  font-size: medium;
  font-weight: 400;
}

.modal-title {

  color: var(--deblue) !important;
}

#setWeekModal>div>div>div.modal-body>h5:nth-child(7) {}

div[id^=resortInfo]>img {
  width: 200px;
  height: 150px;
}

.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child,
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>td,
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>tr>td {
  min-height: 40px !important;
}

#floatBtn {
  width: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--deblue) !important;
  color: white !important;
  border-radius: 20px;
}


#floatBtn .dx-button-text {
  color: white;
}



#dhrLoginBtn {
  width: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--deblue) !important;
  color: white !important;
}


#dhrLoginBtn .dx-button-text {
  color: white;
}



#dhrregisterBtn {
  width: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--degold) !important;
  color: white !important;
}


#dhrregisterBtn .dx-button-text {
  color: white;
}

#dhrLoginBtnsRow>div:nth-child(2) {

  max-width: 50px;

}

#dhrLoginBtnsRow .dx-button {

  min-width: 100px;

}

#messageSectionDiv {
  background: var(--degold);
  padding: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: white;
  margin-left: 20px;
  margin-right: 20px;
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 31%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 31%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 31%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 31%);
}



.dx-toolbar-label .dx-toolbar-item-content>div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--degold) !important;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {

  
}

.widgetContainer {
  padding: 10px;
  border: 4px solid #ddd;
  border-radius: 4px;
}

.widgetContainerNP {

  border: 4px solid #ddd;
  border-radius: 4px;
}

.widgetContainerTitle {
  font-family: var(--bs-body-font-family);
  color: var(--deblueh);
  margin: 0 auto;
  width: auto;
  font-size: 22px;
  font-weight: 600 !important;
  vertical-align: top;
  text-align: left;
  width: 100%;
}

.widgetContainerActionText {
  font-family: var(--bs-body-font-family);
  color: var(--deblueh);
  margin: 0 auto;
  width: auto;
  font-size: 16px;
  font-weight: 600 !important;
  vertical-align: top;
  text-align: left;
  width: 100%;
}

#otherPointsStatus {
  display: none;
}

#dhrPointsStatus {
  display: block !important;
}

#AvailablePoints1 {
  vertical-align: top;
  text-align: left;
  color: var(--degold) !important;
  font-weight: bolder !important;
  font-size: 18px !important;
  text-align: right;
}

.rcorners1 {
  border-radius: 0.25rem !important;
  padding: 20px !important;
  background-color: white !important;
  border-left: 5px solid var(--degold);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .125) !important;
}

#PotentialPointsRow {
  display: block !important;
}

#availBtn {
  width: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--deblue) !important;
  color: white !important;
}

#availBtn .dx-button-text {
  color: white;
}

#spclBtn {

  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--deblue) !important;
  color: white !important;
}

#spclBtn .dx-button-text {
  color: white;
}

#nwsBtn {

  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--deblue) !important;
  color: white !important;
}

#nwsBtn .dx-button-text {
  color: white;
}

#ownershipBtn {
  width: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--deblue) !important;
  color: white !important;
}

#ownershipBtn .dx-button-text {
  color: white;
}

#resDetailsBtn.dx-button {
  border-radius: 5px;
  width: 90px !important;
  height: 40px !important;
  border: 1px solid var(--degoldh) !important;
  font-size: medium !important;
  font-weight: 600;

  max-width: 300px;
}



@media screen and (max-width: 768px) {

  #iexLoginBtnsRow>div:nth-child(2) {

    display: none;
  }

  #menu {

    top: -65px;
    width: fit-content;
    height: unset !important;
  }

  #content>div:nth-child(1) {
    display: none;
  }

  #pointsAccInfoFlex {
    display: block;
    justify-content: space-between;

  }

  #widgetContainerNPFlex {
    display: block;
    justify-content: space-between;

  }

  #ExpiringPoints1 {
    white-space: nowrap;
  }

  #resDetailsBtn .dx-button-text {
    color: var(--degoldh);
  }

  #ctrlViewSpecialTemplate {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    width: 100%;
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-right: auto;
    margin-left: auto;
  }

  .widgetContainer {
    padding: 5px !important;
  }

  #ownershipGrid {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .mplinedv {
    width: 100%;
    background-color: #ddd;
    height: 1px;
    margin-top: 10px;
  }

  #setDefaultsButton {
    background: var(--deblue);
  }

}

@media screen and (min-width: 769px) {


  #pointsAccInfoFlex {
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
    margin-left: 20px;
  }

  #widgetContainerNPFlex {
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
    margin-left: 20px;
  }

  #pointStatus {
    width: 50%
  }

  #memStatus {
    width: 50%
  }

  #widgetContainerNPFlexSub {
    width: 50%;
    padding-bottom: 20px;
  }

  #newsWidg {
    width: 50%;
  }

  .mplinedv {
    width: 4px;
    background-color: #ddd;
  }
}

#login-forgotPassword-cancel {
  float: unset !important;
}

#loginForgotPasswordForm {
  width: 100% !important;
  text-align: center;
}



#login-forgotUserName-cancel {
  margin-bottom: 20px !important;
}

#loginForgotUsernameForm {
  width: 100% !important;
  text-align: center;
}





#pageTitle {
  color: var(--degold);
}

#iexAffil {
  display: none;
}



#editBlock {
  flex-direction: column;
}


#AboutMeTemplate>div:nth-child(2)>table {
  width: 88% !important;
  text-align: center;
}

#readMore .btn-primary {

  background-color: white !important;
  color: var(--degold);
  border: 1px solid var(--degold) !important;

}

#readMore .btn-primary:hover {
  color: white;
  background-color: var(--degold) !important;
  border: 1px solid var(--degold) !important;

}

#menu>div.dx-menu-horizontal>ul>li:nth-child(7) {
  border-right: unset !important;
}

#paymentOptionsTab2 {
  width: auto !important;
}



#paymentOptionsTab1 {
  width: auto !important;
  height: 100% !important;
}

#iexLoginBtnsRow>div:nth-child(2) {
  width: 45px !important;

}

#iexPointsStatus {
  display: block !important;
}

div[id^="accountSummaryData"]>div>div:nth-child(2) {

  display: none !important;
}

#complexHead {
  margin-left: 12% !important;
}

#unitNoHead {
  margin-left: 23% !important;
}

#unitDetailsDiv .dx-button-has-text .dx-button-content {

  padding: 0px 0px 0px !important;
}

#resultsAvailabilitySearch #resortImage {
  min-width: 250px !important;
  min-height: 150px !important;
}

#contentContainer>div>div:nth-child(3)>div:nth-child(3)>div.searchAvailTitle {
  display: none;
}

#contentContainer>div>div:nth-child(3)>div:nth-child(3)>div.creditCardTitle {
  display: none;
}

.btn {
  border-radius: 0px !important;
}



.bg-primary {
  background-color: var(--deblue) !important;
}

.bg-secondary {
  background-color: var(--degold) !important;
}

.progress-bar {
  background-color: var(--deblue) !important;
}

#submitCrPayment {
  margin-top: 7.5px;
}

#viewReservationGrid>div>div.dx-overlay.dx-widget.dx-visibility-change-handler.dx-loadpanel>div>div {
  min-height: 120px;

}

#viewButton {
  max-width: 145px !important;
}


#pointsTblComplex {
  align-items: center;
}

#pointsTblYr {
  align-items: center;
}

#editFormTitle_editTelNoContacts {

  justify-content: space-between;
}



#editFormTitle_editContacts {

  justify-content: space-between;
}


#editFormTitle_editNames {

  justify-content: space-between;
}


#editForm_editTelNoContacts {
  padding: 20px;
border: 1px solid var(--deblue);
}



#editForm_editContacts {
  padding: 20px;
  border: 1px solid var(--deblue);
}


#editForm_editNames {
  padding: 20px;
  border: 1px solid var(--deblue);
}



#editBlock .dx-button {

  max-width: 150px !important;

}

#ctrlEditNameAddressContact1 {
  display: none;
}

#confirmBlock {
  
}

#xchkBookingCondition1 {
  width: unset !important;
}

#editContactsDemo {
  display: none !important;
}

.dx-calendar-navigator-next-month{
  max-width: 32px !important;
}

.dx-calendar-navigator-previous-month{
  max-width: 32px !important;
}

.dx-calendar-caption-button{
  max-width: 222px !important;
}


.dx-popup-bottom.dx-toolbar {
  padding: 0px !important;
  overflow: visible;
}



.dx-calendar-navigator-previous-month{
  max-width: 32px !important;
}

.dx-calendar-caption-button{
  max-width: 222px !important;
}


.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 50px !important;
  overflow: auto;
}

.dx-toolbar-after, .dx-toolbar-before, .dx-toolbar-center {

  display: flex !important;

}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {

  margin-right: 17px;
  margin-bottom: 5px;
}

#scrollContents {
  overflow: scroll;
}

div[id^=gridcontainer_] {
  max-width: none !important;
}