/*  $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(--primarycolor)
 *  $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(--primarycolorh)
 *  $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(--primarycolor)
 *  $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(--primarycolorh)
 *  $seconday-5-colour:#00a4c9
 *  $holdBackground: #f78029
 *  */
 .demo-container,
 #page {
   height: 100%;
   min-height: 100%;
 }
 
 #header {
   margin: 2%;
   
   margin-bottom: 0px !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 {
 
   box-shadow: 0 .25rem 0.25rem rgba(0, 0, 0, .125) !important;
   border-radius: 0.5rem;
   background-color: var(--primarybackground) !important;
 }
 
 .rcorners1 {
 
   box-shadow: 0 .25rem 0.25rem rgba(0, 0, 0, .125) !important;
   border-radius: 0.5rem;
   background-color: var(--primarybackground) !important;
 
 }
 
 .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(--primarycolor);
 }
 
 .menuItemTopLevel {
   font-size: 14px;
   vertical-align: middle;
   text-align: center;
   color: Black !important;
   width: 100%;
 }
 
 .menuTopLevelSelected {
 
   border-bottom: 3px solid var(--primarycolor) !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(--primarycolorh);
 
 }
 
 .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(--primarycolorh)
 }
 
 .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(--primarycolor);
   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(--primarycolor);
   text-align: center;
   padding-top: 10px;
   font-weight: 700;
   margin: 0px 10px;
 }
 
 .loginPopupHeadingLeft {
   font-size: 16px !important;
   color: var(--primarycolor);
 
   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(--primarycolor);
   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(--primarycolor);
 }
 
 .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%;
 }
 
 #headerActual {
   width: 100%;
 }
 
 #headerClicker {
   cursor: pointer;
 }
 
 .faqSubSubTitleExpanded {
   white-space: break-spaces;
 }
 
 .faqSubSubTitle {
   white-space: break-spaces;
 }
 
 .size {
   font-size: 16pt;
   color: var(--primarycolor);
   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(--primarycolor);
   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(--primarycolorh);
   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(--primarycolor);
   font-weight: bold;
 }
 
 .searchAvailTitle {
   font-size: 21px;
   color: var(--primarycolor);
   font-weight: bold;
 }
 
 #ReservationType {
   font-size: 20px;
   color: var(--primarycolor);
 
 }
 
 .left {
   font-size: 21px !important;
   color: var(--primarycolor);
   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(--primarycolorh) !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(--primarycolor)
     *  $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(--primarycolorh)
     *  $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(--primarycolor)
     *  $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(--primarycolorh)
     *  $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(--primarycolor)
     *  $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(--primarycolorh)
     *  $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(--primarycolor)
     *  $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(--primarycolorh)
     *  $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(--primarycolor);
   font-weight: bolder;
   font-size: 18px;
   width: 100p;
 }
 
 #AccountsSummary .dx-field-value.header2 {
   vertical-align: top;
   text-align: left;
   color: var(--primarycolor) !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(--primarycolor);
   font-size: 21px;
   font-weight: bold;
 }
 
 .filterText {
   color: var(--primarycolor);
   font-size: 21.3333px;
   font-weight: bold;
 }
 
 div[id^="pointSummaryData"] .dx-field-label.header2 {
   vertical-align: top;
   text-align: left;
   color: var(--primarycolor);
   font-weight: bolder;
   font-size: 18px;
 }
 
 div[id^="pointSummaryData"] .dx-field-value.header2 {
   vertical-align: top;
   text-align: left;
   color: var(--primarycolor) !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;
   white-space: normal;
 }
 
 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(--primarycolor);
 }
 
 #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(--primarycolor);
   font-weight: bold;
   text-transform: UPPERCASE;
 }
 
 #resortSearchPanel .cornerBox,
 #resortFilterPanel .cornerBox {
   width: 355px;
   background-color: var(--primarybackground) !important;
   border-radius: 0.25rem;
 
   box-shadow: 0 .25rem 0.25rem rgba(0, 0, 0, .125) !important;
 
 }
 
 #resortDirectoryPanel {
   width: 100%;
 }
 
 #resortDirectoryPanel .searchResultsTitle {
   font-size: x-large;
   color: var(--primarycolor);
   font-weight: bold;
   margin-bottom: 20px;
 }
 
 #resortDirectoryPanel .cornerBox {}
 
 .greyBox {
   border-radius: 3px;
   border: 1px solid #cccccc;
   background: var(--primarybackground);
 }
 
 
 
 .dx-button-text {
   padding: 0px;
   color: var(--primarycolor);
 }
 
 .dx-button-content {
   padding: 0px;
   color: var(--primarycolor);
   font-size: 14px;
   padding: 1px;
 }
 
 #resortSearchPanel div.dx-button-content:hover {
   padding: 0px;
   color: var(--primarycolor);
   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;
 
 }
 
 #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(--primarycolor);
   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 {
 
   width: 100%;
 
 }
 
 .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-wrap: nowrap;
   width: 100%;
 }
 
 .resortResultRowTemplate {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   margin-top: 15px;
   margin-bottom: 15px;
 
 }
 
 
 .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(--primarycolor);
   font-size: 21px;
   text-transform: uppercase;
 }
 
 #resortDetailsTemplate .resortArea {
   color: var(--primarycolor);
   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(--primarycolor);
   border-top-color: #4986a2;
   border-right-color: #4986a2;
   border-left-color: #4986a2;
   border-bottom: 1px solid transparent;
   background: white
 }
 
 .dx-tab-selected {
 
   background: var(--primarycolor) !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(--primarycolor) !important;
   border-right: 1px solid var(--primarycolor) !important;
   border-bottom: 1px solid var(--primarycolor) !important;
   background: var(--primarycolor);
   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(--primarycolor) !important;
 }
 
 #countryTitle {
   color: var(--primarycolor);
   font-size: 16px;
   font-weight: bold;
 }
 
 #areaTitle {
   color: #000000;
   font-size: 14px;
 }
 
 .idealForTitle {
   color: var(--primarycolor);
   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(--primarycolor);
   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(--primarycolor);
   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(--primarycolor);
   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: #dfeaec;
 }
 
 #resortPointsGrid .dx-pivotgrid-horizontal-headers {
   background-color: #dfeaec;
 }
 
 .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(--primarycolor);
   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(--primarycolor);
 }
 
 #Grid_CommunicationPreferences .SubsectionsExtraDescription {
   color: Black;
   cursor: default;
   font-size: 14px;
 }
 
 #Grid_HolidayPreferences .myHeader {
   color: var(--primarycolor);
   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(--primarycolor);
   font-weight: bold;
 }
 
 #Grid_HolidayPreferences .SubsectionTitle {
   font-size: 16pt;
   color: var(--primarycolor);
   font-weight: bold;
 }
 
 #Grid_HolidayPreferences .SubsectionsTitle {
   font-weight: bold;
   font-size: 12pt;
   color: var(--primarycolor);
 }
 
 #Grid_HolidayPreferences .SubsectionsExtraDescription {
   color: Black;
   cursor: default;
 }
 
 #Grid_AdCommunicationPreferences .myHeader {
   color: var(--primarycolor);
   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(--primarycolor);
 }
 
 #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(--primarycolor);
 }
 
 .availFromTxt {
   width: 40%;
   font-size: 14px;
   font-weight: bold;
   margin: auto 0;
   padding-left: 5px;
 }
 
 
 
 .pointsTitle {
   color: var(--primarycolor);
   font-size: 22px;
   font-weight: bold;
   padding-left: 2px;
 }
 
 .pointsStatementTitle {
   color: var(--primarycolor);
   font-size: 16px;
   font-weight: bold;
   white-space: nowrap;
   margin-bottom: 25px;
   font-size: 18px;
 }
 
 .pointsTransactionsTitle {
   color: var(--primarycolor);
   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;
   width: 70px;
 }
 
 .editDetailsValue {
   color: #808093;
   font-size: 14px;
   white-space: nowrap;
   float: right;
   text-align: left;
 }
 
 #content {
   margin: auto;
   margin-bottom: 20px;
 }
 
 .widgetSpeicalsTitle {
   font-size: 16px;
   color: var(--primarycolor);
   font-weight: bold;
 }
 
 .widgetTitle {
   font-size: 12pt;
   font-weight: bold;
   color: var(--primarycolor);
 }
 
 .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(--primarycolor);
   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(--primarycolor);
   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 {
   display: none !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(--primarycolor);
   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(--primarycolorh)
 }
 
 .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(--primarycolor);
 }
 
 #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(--primarycolor);
   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(--primarycolor);
 }
 
 #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) {
 
   #statusSearchOpts {
     width: 100% !important;
   }
   #resortPointsGrid{
     overflow-x: scroll;
   }
     
   
   #divPointsCalculator .dx-button{    
    background: var(--primarycolor);
   }

   #xgvwAddressPossibilities .dx-button{    
    background: var(--primarycolor);
   }
   
 
   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;
   }
 
   #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(--primarycolor);
   }
 }
 
 @media screen and (max-width: 768px) {
   #xSearchResort{
 
     flex-direction: column;
   }
   #xCountry{
     flex-direction: column;
   }
   
   #xArea{
     flex-direction: column;
   
   }
 
   #ctrlSelectInternationalResort .dx-button{
 
     width: 100% !important;
   }
   
 
 
   .dx-toolbar-after .dx-button {
     min-width: auto;
     
 }
 
   #ctrlCancelReservation .col-3{
 
     width: 100% !important;
 
   }
 
   #resortLayoutGallery{
 
     width: auto !important;
     height: auto !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 {
     border-radius: 0.25rem;
     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(--primarybackground);
     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 {
     font: 14px arial, sans-serif !important;
     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;
   }
 
   #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(--primarycolor);
     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(--primarycolor);
   }
 
   .holidayBasketTitle {
     font-size: 16px !important;
     color: var(--primarycolor);
   }
 
   #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(--primarycolor);
     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%;
   }
 
 
 
   #tdGuests>div>div:nth-child(6) {
     flex-direction: column;
   }
 
   #xbtnSaveMain {
     height: 45px !important;
     border-radius: 0.25rem !important;
     color: white;
     font-weight: 700;
   }
 
   #xbtnCancelMain {
     width: 100% !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor);
     color: white;
     margin-top: 10px !important;
     font-weight: 700;
   }
 
   #xbtnEditGuest {
     width: 100% !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor);
     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;
     background-color: var(--primarycolor);
   }
 
   #gridProfileAccounts .dx-button {
     background-color: var(--primarycolor);
     border-radius: 0.25rem;
     border-width: 1px;
     border-style: solid;
   }
 
   #accountOverviewContent #pageSubHeader {
     padding-bottom: 10px;
   }
 
   #PointsStatementTitleContainer {
     display: block !important;
   }
 
   #dxAddButton {
     float: unset !important;
   }
 
 
   #headerContainerInner>div.container-fluid>div>div.col-12.col-md-auto.ms-md-auto.d-flex {
     margin-top: 10px !important;
 
   }
 
   #loginActions {
 
     margin-top: 2% !important;
 
   }
 
   #topLevelMenuTextContainer, #subLevelMenuTextContainer {
 
     min-width: 40px;
     text-align: center;
     min-height: 40px;
 
   }
 
 }
 
 @media screen and (max-width: 768px) {
 
 
   #header {
     border-bottom: 3px solid #dee2e6 !important;
 }
   #headerActual{
 
     height: 125px !important;
   }
   #resortPointsGrid{
     overflow-x: scroll;
   }
   
   #resortDetails > div:nth-child(3){
     margin-left: unset !important;
     width: 100% !important;
   }
   
 
   #readMore{
     gap: unset !important;
     justify-content: space-around !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;
     border-radius: 0.25rem !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(--primarybackground);
     padding: 15px;
     width: 100% !important;
   }
 
   #memberDetailsBox {
     height: 34px !important;
     display: block;
     border-radius: 0.25rem !important;
     height: unset !important;
     background: var(--primarybackground);
     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;
     
     border-radius: 0.25rem !important;
   }
 
   #resortSearchPanel>div>div.spacer2 {
     display: none !important;
   }
 
   #resortSearchPanel {
     max-width: 100% !important;
   }
 
   #resortSearchMainPanelContainer {
     width: 100% !important;
   }
 
   #resortSearchMainPanel {
     width: 100% !important;
   }
 
   #resortDirectoryMapPanel {
     display: none !important;
   }
 
   .searchTitle {
     font-size: 18px !important;
   }
 
   .searchResultsTitle {
     font-size: 20px !important;
     text-align: center;
     padding-bottom: 10px;
     color: var(--primarycolor) !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;
     padding-right: 5px !important;
     min-width: 100% !important;
     width: 100% !important;
   }
 
   #resortImage {
     height: 30% !important;
     justify-content: center;
     border-radius: 0.25rem !important;
     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(--primarycolorh) !important;
   }
 
   #backToSearchResults {
     text-align: center !important;
     margin-bottom: 10px !important;
   }
 
   #resortImage2 {
     width: 100% !important;
     height: 30% !important;
     border-radius: 0.25rem !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(--primarycolor);
     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(--primarycolor);
     font-size: 14px;
     font-weight: bold;
     white-space: nowrap;
   }
 
   #titleRow {
     border-radius: 0.25rem !important;
     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-radius: 0.25rem !important;
     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(--primarycolor);
     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(--primarycolor) !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 {
     padding: 5px !important;
     border-radius: 0.25rem !important;
     
     background-color: #fff;
     margin-bottom: 1rem !important;
   }
 
   .resortResultRowTemplateAlt {
     width: 100%;
     border-radius: 0.25rem !important;
   }
 
   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(--primarycolor);
     font-weight: 700;
   }
 
   #DirectionsContent>div:nth-child(8)>h6 {
     color: var(--primarycolor);
     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 {
     border-radius: 0.25rem !important;
   }
 
   #MemberDetailsPage>div>h1 {
     color: var(--primarycolor) !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(--primarycolor) !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 {
     border-radius: 0.25rem !important;
   }
 
   #resortGallery>div {
     border-radius: 0.25rem !important;
   }
 
   #resortGallery>div>div.dx-gallery-container>div:nth-child(6)>div {
     border-radius: 0.25rem !important;
   }
 
   #resortDetailsContentAreaDiv>div:nth-child(5) {
     display: none !important;
   }
 
   #resortDetailsContentAreaDiv>div:nth-child(5)>div>div.dx-gallery-container {
     border-radius: 0.25rem !important;
   }
 
   #resortDetailsContentAreaDiv2>div>div>.dx-gallery-item {
     border-radius: 0.25rem !important;
   }
 
   #resortDetailsContentAreaDiv2>div>div>.dx-gallery-item>div>div.dx-widget.dx-gallery-nav-button-prev {
     border-radius: 0.25rem !important;
   }
 
   #resortDetailsContentAreaDiv2>div>div.dx-widget.dx-gallery-nav-button-prev {
     border-radius: 0.25rem !important;
   }
 
   #resortDetailsContentAreaDiv2>div>div.dx-widget.dx-gallery-nav-button-prev>div>div.dx-widget.dx-gallery-nav-button-next {
     border-radius: 0.25rem !important;
   }
 
   #resortDetailsContentAreaDiv2>div>div.dx-widget.dx-gallery-nav-button-next {
     border-radius: 0.25rem !important;
   }
 
   #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 {
     border-radius: 0.25rem !important;
   }
 
   #tabpanel-container>div>.dx-item {
     border-radius: 0.25rem !important;
   }
 
   #MemberDetailsTabs>div>.dx-item {
     border-radius: 0.25rem !important;
   }
 
   #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 {
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor) !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(--primarycolorh) !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(--primarycolorh);
   }
 
   #resortGallery2 {
     width: 100% !important;
     border-radius: 0.25rem !important;
   }
 
   #resortsHeader {
     text-align: center !important;
     font-weight: bold !important;
     color: var(--primarycolorh) !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(--primarycolor);
     color: #ffffff;
     font-weight: bolder;
     border-radius: 0.25rem !important;
     height: 45px !important;
     width: 100% !important;
     color: white;
   }
 
   div[id^="BottomButtons_"]>div {
     /* and so on... */
     margin-bottom: 10px !important;
     margin-top: 10px !important;
     padding: 10px !important;
   }
 
   div[id^="BottomButtons_"]>div>div:nth-child(2)>input {
     background-color: var(--primarycolor) !important;
     width: 100% !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
     margin-top: 10px !important;
   }
 
   div[id^="BottomButtons_"]>div>div:nth-child(1)>input {
     width: 100% !important;
     height: 45px !important;
     margin-bottom: 5px !important;
     border-radius: 0.25rem !important;
   }
 
   div[id^="btnOpen_"] {
     width: 100% !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
   }
 
 
 
   div[id^="btnOpen_"]>div {
     padding-bottom: 10px !important;
   }
 
   #wrapper {
     
     border-radius: 0.25rem !important;
     margin-bottom: 20px !important;
   }
 
   #wrapper2 {
     border-radius: 0.25rem !important;
     padding: 0px !important;
   }
 
   #wrapper>div.availBtnRowContainer {
     margin-left: 20px !important;
     margin-right: 20px !important;
     flex-direction: column !important;
     align-items: center !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 {
     border-radius: 0.25rem !important;
   }
 
   #search {
     text-align: center !important;
   }
 
   #quickSearchInput {
     width: 100% !important;
     height: 45px !important;
   }
 
   #quickSearchButton {
     width: 75px !important;
     height: 45px !important;
     border-radius: 0.25rem !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(--primarycolor) !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(--primarycolor);
     color: #ffffff;
     font-weight: bolder;
     border-radius: 0.25rem !important;
     height: 45px !important;
     width: 100% !important;
     color: white;
 
   }
 
 
 
   #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 {
 
     border-radius: 0.25rem !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(--primarycolor);
     color: #ffffff;
     font-weight: bolder;
     border-radius: 0.25rem !important;
     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(--primarycolor);
   }
 
   #resortSearchPanel>.resortSearchPanelContainer {
     padding: 10px !important;
   }
 
   #facilitiesFilterGrid {
     height: 45px !important;
   }
 
   #ChangePassword>div {
     margin-bottom: 10px;
   }
 
   #availSearch>div {
     padding: 10px !important;
   }
 
   #availSearchBtn>div>span {
     color: white !important;
   }
 
   #resortDetailsTemplate .address {
     border-radius: 0.25rem !important;
     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;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotPassword-submit {
     width: 100% !important;
     margin-top: 10px !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotPassword-cancel {
     width: 100% !important;
     margin-top: 10px !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotUserName-submit {
     width: 100% !important;
     margin-top: 10px !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotUserName-cancel {
     width: 100% !important;
     margin-top: 10px !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
   }
 
   #login-submit>div {
     background: var(--primarycolor) !important;
     border-radius: 0.25rem !important;
   }
 
   #login-submit>div>span {
     color: white !important;
   }
 
   #login-forgotPassword-cancel>div {
     background: var(--primarycolor) !important;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotPassword-cancel>div>span {
     color: white !important;
   }
 
   #login-forgotPassword-submit>div {
     background: var(--primarycolor) !important;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotPassword-submit>div>span {
     color: white !important;
   }
 
   #login-forgotUserName-cancel>div {
     background: var(--primarycolor) !important;
     border-radius: 0.25rem !important;
   }
 
   #login-forgotUserName-cancel>div>span {
     color: white !important;
   }
 
   #login-forgotUserName-submit>div {
     background: var(--primarycolor) !important;
     border-radius: 0.25rem !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;
   }
 
   .dx-dropdowneditor {
     border: 2px solid #e5e5e5 !important;
     border-radius: 0.25rem !important;
   }
 
   .dx-texteditor {
     border: 2px solid #e5e5e5 !important;
     border-radius: 0.25rem !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 {
     background-color: var(--primarycolor) !important;
   }
 
   #mobileFrom>div>div>div.dx-texteditor-input-container>input {
     border-radius: 0.25rem !important;
   }
 
   #mobileTo>div>div>div.dx-texteditor-input-container>input {
     border-radius: 0.25rem !important;
   }
 
   #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 {
     min-height: 45px;
   }
 
   .menuTopLevel {
     font-size: 16px !important;
     width: 100%;
     padding-top: 10px;
     border: unset !important;
     color: white;
     border-radius: 0.25rem !important;
   }
 
   .menuTopLevelSelected {
     font-size: 16px;
     height: 40px !important;
     width: 100%;
     padding-right: 5px !important;
     padding-top: 10px;
     border: unset !important;
     color: white !important;
   }
 
   .menuTopLevel:hover {
     border-radius: 0.25rem;
   }
 
   .menuSubLevel {
     padding-top: 10px;
     text-align: center;
   }
 
   .dx-context-menu .dx-submenu {
     background: var(--primarycolor) !important;
 
   }
 
   .dx-submenu {
     border-radius: 0.25rem !important;
   }
 
   body>div.dx-overlay-wrapper {
     left: -15px !important;
   }
 
   .dx-menu-item-expanded {
     background-color: var(--primarycolor) !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(--primarycolor) !important;
   }
 
   #SEC0089>div>div>p:nth-child(1) {
     text-align: justify;
   }
 
   .btn-primary {
     border-radius: 0.25rem !important;
   }
 
   .btn-danger {
     border-radius: 0.25rem !important;
   }
 
 
   .combinedStat {
     margin-bottom: 10px !important;
   }
 
   .dx-popup-wrapper>.dx-overlay-content {
     border-radius: 0.25rem !important;
   }
 
   .dx-icon {
     color: var(--primarycolor) !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 {
     border-radius: 0.25rem !important;
   }
 
   .dx-submenu {
     border-radius: 0.25rem !important;
   }
 
   .dx-menu-item-expanded {
     border-radius: 0.25rem !important;
   }
 
   #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;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor) !important;
   }
 
   #xbtnSearchResort {
     width: 60px !important;
     height: 30px !important;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor) !important;
   }
 
   #xbtnAreaSearch {
     width: 60px !important;
     height: 30px !important;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor) !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(--primarycolor);
     border-radius: 0.25rem !important;
     background: var(--primarycolorh);
   }
 
   .dx-texteditor-container {
     border-radius: 0.25rem !important;
   }
 
 
 
   #dvAccountSummary {
     display: inline-block;
     margin-right: 5px;
   }
 
   #xbtnShowAccountSummary>a {
     float: unset !important;
   }
 
   #viewResortPointsButton {
     width: 100% !important;
     height: 45px !important;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor);
     color: white;
     font-weight: 700;
   }
 
   #viewButton {
     width: 100% !important;
     height: 30px !important;
     border-radius: 0.25rem !important;
     background-color: var(--primarycolor);
     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(--primarycolor) !important;
     background: white !important;
     border-bottom: unset !important;
   }
 
   .dx-overlay-shader {
     background-color: var(--primarycolor);
   }
 
   .dx-toolbar-center {
     display: flex;
     justify-content: space-between;
   }
 
   .dx-toolbar-item-content {
     color: var(--primarycolor) !important;
     font-size: 18px !important;
   }
 
   #newGridAccountDetailsCard {
     display: block !important;
   }
 
   .availTable {
     background-color: unset !important;
     color: #000000 !important;
   }
 
   #xgvwAvailabilityOnHold {
     background-color: white !important;
     border-radius: 0.25rem !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(--primarycolor) !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(--primarycolor);
     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(--primarycolor) !important;
     border-radius: 0.25rem !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(--primarycolor) !important;
     border-radius: 0.25rem !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(--primarycolorh);
   }
 
 
   .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(--primarycolor) !important;
     /*background-color: white !important;*/
   }
 
   #readMore>button {
 
     float: unset !important;
   }
 
 
   #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(--primarycolor) !important;
 
   }
 
   .dx-accordion {
     background-color: unset;
   }
 
   .menuTopLevel {
     color: white !important;
     background: var(--primarycolor) !important;
 
   }
 
   #dxAddButton {
     background-color: var(--primarycolor) !important;
   }
 
   #resetButton {
     background-color: var(--primarycolor);
     max-height: 45px;
     max-width: 150px;
   }
 
   .btn-secondary-StockOwnership {
 
     height: 100% !important;
     padding: unset !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: 20%;
     margin-top: 15px !important;
     top: 0% !important;
   }
 
 
 
 
   #loginActions {
     padding-top: 0px !important;
     position: static !important;
     margin-top: 24% !important;
 
   }
 
 
   #pntSummary>button {
 
     margin-left: 30px !important;
     margin-right: 30px !important;
     border-radius: 0.25rem !important;
 
   }
 
 
 
 
   .resortResultRowTemplate {
 
     margin-left: 0px !important;
     margin-right: 0px !important;
     box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
 
   }
 
   #resortUnitDetailRowTemplate {
 
     margin-right: 0px !important;
   }
 
   #openMaps>div>span {
 
     color: white !important;
   }
 
 
 
 
 }
 
 @media screen and (min-width: 769px) {
 
 
   .resortResultRowTemplate {
 
     margin-left: 0px !important;
     margin-right: 0px !important;
     box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
     border-bottom-left-radius: 0.5rem;
     border-top-right-radius: 0.5rem;
   }
 
 #resort {
   padding: 10px;
 
 }
 
   .dx-menu-horizontal {
     display: block !important;
     margin-right: 20px;
 
   }
 
   #availabilityReservation #editFormActual_editNames {
     width: 50%;
   }
 
   #availabilityReservation #editFormActual_editTelNoContacts {
     width: 50%;
   }
 
   #availabilityReservation #editFormActual_editContacts {
    width: 50%;
  }

   #feesBtn {
     background: var(--primarycolor);
 
   }
 
   #dxAddButton {
     width: 200px !important;
     height: 50px !important;
     background-color: var(--primarycolor);
     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(--primarycolor);
      font-weight: bolder;
      border-radius: 6px !important;
      height: 30px !important;
      border: 1px solid var(--primarycolor);
      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(--primarycolorh);
     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(--primarycolor);
     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(--primarycolorh);
     font-size: medium !important;
     color: var(--primarycolor);
     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(--primarycolor) !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;
   }
 
 
   #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(--primarycolor) !important;
     color: var(--primarycolor);
     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;
   }
 
 
   #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;
     height: 30px !important;
     margin-bottom: 10px !important;
   }
 
   #btnCancelMain {
     margin-top: 0px !important;
 
     width: 150px !important;
     height: 30px !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 {
     margin-top: 45px !important;
     margin-bottom: 10px;
     float: right;
   }
 
   #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(--primarybackground) !important;
     border: 1px solid var(--primarycolor);
     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;
     margin-top: 10px;
     margin-bottom: 10px;
     min-height: 50px;
   }
 
   #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(--primarycolor) !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(--primarycolor) !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(--primarycolor) !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(--primarycolor) !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(--primarycolor) !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;
 
   }
 
   #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(--primarycolor);
 
   }
 
   #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(--primarycolorh) !important;
 }
 
 .text-secondary {
   color: var(--secondarycolor) !important;
 }
 
 .btn-primary {
   background-color: var(--primarycolorh) !important;
   border-color: var(--primarycolorh) !important;
 }
 
 .btn-primary:hover {
   background-color: #094c71 !important;
   border-color: #094c71 !important;
 }
 
 .btn-outline-primary {
   color: var(--primarycolorh);
   border-color: var(--primarycolorh) !important;
 }
 
 .btn-outline-primary:hover {
   color: #fff;
   background-color: var(--primarycolorh) !important;
   border-color: var(--primarycolorh) !important;
 }
 
 .btn-secondary {
   background-color: var(--secondarycolor) !important;
   border-color: var(--secondarycolor) !important;
 }
 
 .btn-secondary:hover {
   background-color: var(--secondarycolorh) !important;
   border-color: var(--secondarycolorh) !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-image: url("thc-half-globe.svg");
   background-size: 80%;
   background-repeat: no-repeat;
   background-position: top center;
 }
 
 .bg-primary {
   background-color: var(--primarycolorh) !important;
 }
 
 .progress-bar {
   background-color: var(--primarycolorh) !important;
 }
 
 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
   background-color: var(--primarycolorh) !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(--primarycolor);
   }
 
   .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(--primarycolor);
   height: 1px;
   width: 100%;
 }
 
 #dhrVertMenuBottom {
   background: var(--primarycolor);
   height: 6px;
   width: 100%;
 }
 
 #dhrVertMenuBottomDivider {
   background-color: var(--primarycolor);
   width: 1px;
 }
 
 
 .roundedOwnership {
   border-radius: 0.25rem;
   box-sizing: border-box;
   background-color: var(--primarybackground) !important;
   padding: 20px;
 
   background-color: var(--primarybackground) !important;
   box-shadow: 0 .25rem 0.25rem 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(--primarycolor);
   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(--secondarycolor);
   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;
 }
 
 
 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(--primarycolor);
   border-radius: 5px;
   margin-top: 3%;
   margin-bottom: 3%;
 }
 
 #dvbtnNext>div>span {
   color: var(--primarycolor) !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(--primarycolorh);
   font-weight: 400 !important;
   font-size: 16px;
 }
 
 .dhr-hr {
   height: 1px;
   display: block;
   border: none;
   width: 100%;
   background: #ccc;
 }
 
 .dhr2020-blue {
   color: var(--primarycolor) !important;
 }
 
 .dhr2020-green {
   color: var(--primarycolor) !important;
 }
 
 a.dhr2020-link {
   color: var(--primarycolor) !important;
   text-decoration: none;
 }
 
 a.dhr2020-link:hover {
   color: var(--primarycolorh);
   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(--primarycolorh)
 }
 
 .dhr2020-h4 {
   font-weight: 400 !important;
   font-size: 22px;
   color: var(--primarycolorh)
 }
 
 .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(--primarycolor);
   border: 2px solid var(--primarycolor);
 }
 
 a:hover.dhr2020-btn-green {
   background-color: var(--primarycolorh);
   border: 2px solid var(--primarycolorh);
 }
 
 a.dhr2020-btn-blue {
   background-color: var(--primarycolor);
   border: 2px solid var(--primarycolor);
 }
 
 a:hover.dhr2020-btn-blue {
   background-color: var(--primarycolor);
   border: 2px solid var(--primarycolor);
 }
 
 a.dhr2020-btn-outline {
   border: 2px solid var(--primarycolor);
   color: var(--primarycolor) !important;
 }
 
 a:hover.dhr2020-btn-outline {
   background-color: var(--primarycolor);
   border: 2px solid var(--primarycolor);
   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(--primarycolor);
   height: 70px;
   line-height: 70px;
 }
 
 .left-btn,
 .right-btn {
   margin-top: 5px;
   background-color: var(--primarycolor);
   height: 60px;
   line-height: 60px;
 }
 
 .middle-btn:hover {
   background-color: var(--primarycolorh);
 }
 
 .left-btn:hover,
 .right-btn:hover {
   background-color: var(--primarycolorh);
 }
 
 .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(--primarybackground);
   border: 1px solid var(--primarycolor);
 }
 
 /* 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(--primarycolor);
   box-sizing: border-box;
   width: 80px;
   height: 80px;
   color: var(--primarycolor);
   font-size: 30px;
   line-height: 72px;
   border-radius: 100%;
 }
 
 .dhr2020-step-divider-vertical {
   display: block;
   height: 80px;
   width: 4px;
   margin: 0 auto;
   background: var(--primarycolor);
 }
 
 .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 {
   --primarycolor: #008f8d;
   --primarycolorh: #006d6b;
   --secondarycolor:#6BCABA;
   --secondarycolorh:#4c978b;
 
   --primarybackground: #ebf2f4;
 }
 
 
 /**************** @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;
   }
 
   .dx-menu-horizontal {
    
     border-bottom: 3px solid #dee2e6 !important;
   }
 
 
   #menu {
     height: 45px !important;
     color: white;
     margin-left: 2%;
     margin-bottom: 20px;
   }
 
 }
 
 @media only screen and (min-width: 1200px) {
   #homeBanner {
     min-height: 550px;
   }
 
   .dx-menu-horizontal {
     display: block !important;
     background: var(--primarybackground);
     margin-right: 20px;
 
 
   }
 
   .dx-menu-adaptive-mode {
     display: none !important;
   }
 
   #menu {
     height: 45px !important;
     color: white;
     margin-left: 2%;
     margin-bottom: 20px;
   }
 
 }
 
 #benefitsTable td:nth-child(2),
 #benefitsTable td:nth-child(3) {
   text-align: center;
 
 }
 
 .vertical-timeline {
   position: absolute;
   background-color: var(--primarycolor) !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(--primarycolor);
   background-color: #FFF;
   box-sizing: border-box;
   width: 80px;
   height: 80px;
   color: var(--primarycolor);
   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(--primarycolor);
 }

.nav-link {
  color: var(--primarycolor);
}
 
 a:hover {
   color: var(--primarycolorh);
 }
 
 /* Background Colours */
 
 .bg-primary {
   background-color: var(--primarycolor) !important;
 }
 
 .bg-secondary {
   background-color: var(--secondarycolor) !important;
 }
 
 .text-primary {
   color: var(--primarycolor) !important;
 }
 
 .text-secondary {
   color: var(--secondarycolor) !important;
 }
 
 .btn-primary {
   background-color: var(--primarycolor) !important;
   border-color: var(--primarycolor) !important;
 }
 
 .btn-primary:hover {
   background-color: var(--primarycolorh) !important;
   border-color: var(--primarycolorh) !important;
 }
 
 .btn-outline-primary {
   color: var(--primarycolor);
   border-color: var(--primarycolor) !important;
 }
 
 .btn-outline-primary:hover {
   color: #fff;
   background-color: var(--primarycolorh) !important;
   border-color: var(--primarycolorh) !important;
 }
 
 .btn-secondary {
   background-color: var(--secondarycolor) !important;
   border-color: var(--secondarycolor) !important;
 }
 
 .btn-secondary:hover {
   background-color: var(--secondarycolorh) !important;
   border-color: var(--secondarycolorh) !important;
 }
 
 .btn-outline-secondary {
   color: var(--secondarycolor);
   border-color: var(--secondarycolor) !important;
 }
 
 .btn-outline-secondary:hover {
   color: #fff;
   background-color: var(--primarycolorh) !important;
   border-color: var(--primarycolorh) !important;
 }
 
 .border-primary {
   border-color: var(--primarycolor) !important;
 }
 
 .border-secondary {
   border-color: var(--primarycolor) !important;
 }
 
 .progress-bar {
   background-color: var(--primarycolor) !important;
 }
 
 .accordion-button:not(.collapsed) {
   color: var(--primarycolor) !important;
 }
 
 .accordion-button::after {
   color: var(--primarycolor) !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 !important;
 }
 
 #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: block;
 }
 
 #fullPointsDetails {
   display: block !important;
 }

 #fullAccountDetails{
  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(--primarycolor) !important;
   border-color: var(--primarycolor) !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(--primarycolor);
 }
 
 #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(--primarycolorh);
   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: 100%;
 
 }
 
 #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;
 }
 
 
 #editContactsDemo {
 
 }
 
 #editTelNosDemo {}
 
 #AboutMeTemplate>div:nth-child(2)>table>tbody>tr {
   margin-top: 20px;
 }
 
 
 #headerLogoDiv {
   margin-top: 10px;
 }
 
 .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(--primarycolor);
   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(--primarycolor);
   color: white !important;
 }
 
 #availDetailPageLeftCol .dx-button {
  max-width: 100px !important;
   /* max-width: 100px;*/
 }
 
 .dx-multiview-item.dx-item-selected {
 
   border: 1px solid var(--primarycolor);
 
 }
 
 #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(--primarycolor) !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(--primarycolor) !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(--primarycolor) !important;
   color: white !important;
 }
 
 
 #dhrLoginBtn .dx-button-text {
   color: white;
 }
 
 
 
 #dhrregisterBtn {
   width: auto !important;
   padding-left: 20px;
   padding-right: 20px;
   background-color: var(--primarycolor) !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(--primarycolor);
   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%);
 }
 
 #cancelDetailsBlockBorder {
   padding: 10px;
 }
 
 #trPoints {
 
   padding: 10px;
 }
 
 .dx-toolbar-label .dx-toolbar-item-content>div {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--primarycolor) !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(--primarycolorh);
   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(--primarycolorh);
   margin: 0 auto;
   width: auto;
   font-size: 16px;
   font-weight: 600 !important;
   vertical-align: top;
   text-align: left;
   width: 100%;
 }
 

 
 #dhrPointsStatus {
   display: block !important;
 }
 
 #AvailablePoints1 {
   vertical-align: top;
   text-align: left;
   color: var(--primarycolor) !important;
   font-weight: bolder !important;
   font-size: 18px !important;
   text-align: right;
 }
 
 .rcorners1 {
   padding: 10px;
   border-radius: 0.25rem !important;
   background-color: var(--primarybackground) !important;
   box-shadow: 0 .25rem 0.25rem rgba(0, 0, 0, .125) !important;
 }
 
 
 
 #availBtn {
   width: auto !important;
   padding-left: 20px;
   padding-right: 20px;
   background-color: var(--primarycolor) !important;
   color: white !important;
 }
 
 #availBtn .dx-button-text {
   color: white;
 }
 
 #spclBtn {
 
   padding-left: 20px;
   padding-right: 20px;
   background-color: var(--primarycolor) !important;
   color: white !important;
 }
 
 #spclBtn .dx-button-text {
   color: white;
 }
 
 #nwsBtn {
 
   padding-left: 20px;
   padding-right: 20px;
   background-color: var(--primarycolor) !important;
   color: white !important;
 }
 
 #nwsBtn .dx-button-text {
   color: white;
 }
 
 #ownershipBtn {
   width: auto !important;
   padding-left: 20px;
   padding-right: 20px;
   background-color: var(--primarycolor) !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(--primarycolorh) !important;
   font-size: medium !important;
   font-weight: 600;
 
   max-width: 300px;
 }
 
 
 
 @media screen and (max-width: 768px) {
   .dx-button-has-text .dx-button-content {
     overflow:visible !important; 
 
 }
 
   .dx-popup-bottom .dx-button {
     background-color: var(--primarycolor);
  }
 
   #resortSearchPanel {
     margin-top: unset;
     padding: 10px;
 }
 
   .dx-popup-wrapper>.dx-overlay-content {
     border-radius: 0.25rem !important;
     
   }
 
   
 
   #xbtnSetDate,
   #btnTransfer {
     background-color: var(--primarycolor);
     min-width: 100% !important;
   }
 
   #accTransTrControls {
     margin-bottom: unset !important;
     align-items: unset !important;
   }
 
   #transferMoolaContainer {
     flex-direction: column;
   }
 
   #menu {
 
     top: -54px;
     width: fit-content;
     margin-bottom: 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(--primarycolorh);
   }
 
   #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(--primarycolor);
   }
 
 }
 
 @media screen and (min-width: 769px) {
 
   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;
  }
   #menu {
     height: 45px !important;
     color: white;
     margin-left: 2%;
     margin-bottom: 20px;
   }
 
   #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(--primarycolor);
 }
 
 #iexAffil {
   display: none !important;
 }

 
 #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(--primarycolor);
   border: 1px solid var(--primarycolor) !important;
 
 }
 
 #readMore .btn-primary:hover {
   color: white;
   background-color: var(--primarycolor) !important;
   border: 1px solid var(--primarycolor) !important;
 
 }
 
 #menu>div.dx-menu-horizontal>ul>li:nth-child(7) {
   border-right: unset !important;
 }
 
 #paymentOptionsTab2 {
   width: auto !important;
 }
 
 
 
 #paymentOptionsTab1 {
   width: auto !important;
 }
 
 #iexLoginBtnsRow>div:nth-child(2) {
   width: 45px !important;
 
 }
 
 #iexPointsStatus>div.headerText {

  display: none;
}
 
 div[id^="accountSummaryData"]>div>div:nth-child(2) {
 
   display: inline-flex !important;
   width: 100%;
 }
 
 #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;
 }
 
 #undecided .img-fluid {
   width: 25% !important;
   height: 40% !important;
 }
 
 .bg-primary {
   background-color: var(--primarycolor) !important;
 }
 
 .bg-secondary {
   background-color: var(--secondarycolor) !important;
 }
 
 .progress-bar {
   background-color: var(--primarycolor) !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;
 }

 #pointsCalcContents{
  display: block !important;
 }

 #xspnUsableAvailablePoints{
  width: unset !important;
 }
 
 
 #editFormTitle_editNames {
 
   justify-content: space-between;
 }
 
 
 #editForm_editTelNoContacts {
   padding: 20px;
 
 }
 
 
 
 #editForm_editContacts {
   padding: 20px;
 
 }
 
 #editForm_editNames {
   padding: 20px;
 
 }
 
 
 #editBlock .dx-button {
 
   max-width: 150px !important;
 
 }
 
 #ctrlEditNameAddressContact1 {
   display: none;
 }
 
 #confirmBlock {
   
 }
 
 #xchkBookingCondition1 {
   width: unset !important;
 }
 
 #headerLogo {
   width: 80%;
 }
 
 #content>div:nth-child(1) {
 
   display: none !important;
 }
 
 #AddInventoryContainer {
   display: none !important;
 }
 
 #Grid_HolidayPreferences {
   margin-top: 10px;
 }
 
 #cancelDetailsBlockBorder .card-title {
   font-weight: bold;
 }
 
 .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 .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;
 }
 
 #editTelNosDemo{
   border: 1px solid var(--primarycolor);
 }
 
 #editNamesDemo{
   border: 1px solid var(--primarycolor);
 }

 #editContactsDemo {
  border: 1px solid var(--primarycolor);
}
 
 #scrollContents {
   overflow: scroll;
 }



 /**************** @FONTS ****************/

 @font-face {
  font-family: "nexa_boldregular";
  src: url("/css/fonts/aus/nexa_bold-webfont.eot");
  src: url("/css/fonts/aus/nexa_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/aus/nexa_bold-webfont.woff2") format("woff2"), url("/css/fonts/aus/nexa_bold-webfont.woff") format("woff"), url("/css/fonts/aus/nexa_bold-webfont.ttf") format("truetype"), url("/css/fonts/aus/nexa_bold-webfont.svg#nexa_boldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nexa_lightregular";
  src: url("/css/fonts/aus/nexa_light-webfont.eot");
  src: url("/css/fonts/aus/nexa_light-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/aus/nexa_light-webfont.woff2") format("woff2"), url("/css/fonts/aus/nexa_light-webfont.woff") format("woff"), url("/css/fonts/aus/nexa_light-webfont.ttf") format("truetype"), url("/css/fonts/aus/nexa_light-webfont.svg#nexa_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "nexa_lightregular", Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "nexa_boldregular", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--primarycolor);
}

a,
a.nav-link {
  color: var(--primarycolor);
}

a:hover,
a:focus,
a:hover.nav-link,
a:focus.nav-link {
  color: var(--primarycolorh);
}

.btn {
  border-radius: 0 !important;
}

/**************** Additional Styles ****************/
.green-divider {
  background-color: var(--secondarycolor) !important;
  width: 100%;
  margin: 10px auto;
  height: 2px;
  clear: both;
}

#homeBanner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 500px;
}

h1.home-banner-h1 {
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.progress-bar {
  background-color: var(--primarycolor) !important;
}

@media (min-width: 992px) {
  h1.home-banner-h1 {
      text-align: left;
  }

  .heading-img {
      overflow: hidden;
      transform: skewX(-10deg) scale(0.9, 0.9);
  }

  .heading-img img {
      transform: skewX(10deg) scale(1.1, 1.1);
  }

  .heading-text {
      display: inline-block;
      position: absolute;
  }

  .green-divider {
      width: 360px;
      margin: 20px auto;
      height: 3px;
  }

  /* Bootstrap Overwrites */
}

#xbtnSetDate {
  margin-top: 5px;
}